IT 432

Spring 2025

Craig Miller

• Home
• Basic Information
• Grades and Policies
• Schedule

Weekly Notes

• Week 10
• Week 1
• Week 2
• Week 3
• Week 4
• Week 5
• Week 6
• Week 7
• Week 8
• Week 9
• Week 10

Assignments

• Assignment 1
• Assignment 2
• Assignment 3
• Assignment 4
• Midterm Report
• Assignment 5
• Assignment 6
• Culminating Project
• Final Report

Technical References

• DOM Introduction
• JavaScript Basics Tutorial
• Mozilla Technical Documents
• HTML Tag Reference
• CSS Property Reference
• JavaScript Guide

Assignment 6
Designing a React Component with Style
Due Saturday May 24 before 11:30pm

Overview

For this assignment you will design a React component for presenting route information for a CTA (Chicago Transit Authority) line. You will practice implementing parameterized styles and locally-scoped styles.

Requirements

Create a React component, defined in its own file, called TrainRoute. It should successfully display the RouteInfo content for the object obtained online. For this assignment, you are only expected to copy the object and hardcode it as an assigned variable in your app. Below are specific requirements for the component:

• The component must use all properties in the RouteInfo object by either presenting it or affecting the presentation style.
• Some presentation style or configuration must be set by parameters (component props).
• Some presentation style must be set with class-based locally-scoped CSS rules.

The following are general requirements:

• Build your app and post it on studentweb or any other publicly available host.
• Display multiple instantiations of your TrainRoute file in your main App in order to demonstrate its range of presentation content and style.
• Optional: assign an array of CTA lines and allow the use to select which one to view.

Submission

On D2L, submit a zip file of a folder with the following contents:

• A readable document (pdf or txt) that summarizes your accomplishment and includes a working link to your app. In addition to explaining your work, summarize how it addresses the requirements.
• Your src folder
• Any supplementary files for documenting that your program works

Grading

This assignment is worth 10 points. A rubric will be provided with the submission.