In this unit, students will work in teams to create a React game of their choosing. This will serve as their capstone project, as it will combine all the React and JavaScript skills they’ve learned throughout the year.
The hope is that this will be a project students will be able to share about in future internships or even job interviews since it will require teamwork and significant planning. Students will also need to make frequent use of documentation to complete this project as building their game might require concepts that have not been taught in class.
These projects will be presented in a showcase on the last day of class.
- React Project
- Group Presentation
- Engage in collaborative brainstorming.
- Set up React app.
- Design and implement a data model.
- Review and practice props.
- Review and practice using state in React.
- Review and practice event handlers in React.
- Use conditionals to draw components and interact with CSS.
- Use loops to generate multiple components on the website.
- Prepare for and practice a presentation/Complete professional skills reflection
JS/React: props, nesting, state, map, event handler
Other: software requirements, data model
- Unit 4 Project Plan
- Unit 4 Project Example 1
- Unit 4 Project Example 2
- Unit 4 Project Example 3
- Unit 4 Project Example 4
- Unit 4 Project Example 5
- Unit 4 Project Example 6
- Unit 4 Project Example 7
Presentation Prep:
Wrap-Up:
- Reflection Padlet (remake with posts)