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 2
Creating simple React Components
Due Saturday April 19 before 11:30pm

Overview

For this assignment you will follow the example presented in class to construct a web page consisting of React components. The page will present content to your choosing and style.

Process Outline

1. Install Node if you haven't yet (Node Download)
2. Create starter React app (e.g. npm create vite@latest assn2-app -- --template react)
3. In src folder, modify App.jsx, replacing the return value with some simple components
4. Incrementally modify your App.jsx so that it uses nested components

Requirements

Your React app should consist of at least 2 components, where one component displays multiple versions of the second component.

At least one of your components should use props so that it can be customized.

Create a document that summarizes your work for the assignment. It will typically be a couple of paragraphs.

Your code must use constructs and follow conventions presented in class. Code using constructs not discussed in class may not receive credit.

Submission

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

• A readable document (pdf or txt) that summarizes your accomplishment.
• Your App.jsx file
• A screen shot showing your page (if not included in the pdf)

Grading

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