Skip to content
Mary Alice Moore edited this page May 26, 2022 · 1 revision

Project Overview

This sixteen-week project will teach you how to build a basic Todo List application with React.

Each lesson is an individual assignment, but you will work out of the same repository for the entire project. See instructions below for how to submit each week.

General Instructions

Course Calendar

Section 1 : React Fundamentals

Week # Week Start Date Week End Date Lesson
1 June 8, 2022 June 14, 2022 Lesson 1.1: Project Setup and React Basics
Lesson 1.1 Instructions
Coding Assignment
2 June 15, 2022 June 21, 2022 Lesson 1.2: React DOM and Components
Lesson 1.2 Instructions
Coding Assignment
3 June 22, 2022 June 28, 2022 Lesson 1.3: Props, State, and Handlers
Lesson 1.3 Instructions
Coding Assignment
4 June 29, 2022 July 5, 2022 Review / Catch Up Week
  • Review or catchup on any work from the beginning of class to now, especially Lesson 1.3
  • Begin readings for Lesson 1.4 if you wish
5 July 6, 2022 July 12, 2022 Lesson 1.4: Lifting State and Props Handling
Lesson 1.4 Instructions
Coding Assignment
6 July 13, 2022 July 19, 2022 Lesson 1.5: Hooks and Fragments
Lesson 1.5 Instructions
Coding Assignment
7 July 20, 2022 July 26, 2022 Lesson 1.6: Reusable Components, Imperative React
Lesson 1.6 Instructions
Coding Assignment
8 July 27, 2022 August 2, 2022 Lesson 1.7: Asynchronous Data, Conditional Rendering, Advanced and Impossible State
Lesson 1.7 Instructions
Coding Assignment
9 August 3, 2022 August 9, 2022 Review / Catch Up Week
  • Review or catchup on any work from the beginning of class to now
  • Complete lesson 1.7 coding assignment
  • Read "React Fundamentals - Data Fetching" in your text
10 August 10, 2022 August 16, 2022 Lesson 1.8: Data Fetching, Data Refetching, Memoized Handlers
Lesson 1.8 Instructions
Coding Assignment
11 August 17, 2022 August 23, 2022 Lesson 1.9: Third-Party Libraries, Async/Await, Forms
Lesson 1.9 Instructions
Coding Assignment

Section 2 : React Legacy

Week # Week Start Date Week End Date Lesson
12 August 24, 2022 August 30, 2022 Lesson 2.1: React Router, Class Components
Lesson 2.1 Instructions
Coding Assignment

Section 3 : React Styling

Week # Week Start Date Week End Date Lesson
13 August 31, 2022 September 6, 2022 Lesson 3.1: CSS, Styled Components, SVG
Lesson 3.1 Instructions
Coding Assignment

Section 4 : React Maintenance

Week # Week Start Date Week End Date Lesson
14 September 7, 2022 September 13, 2022 Review / Catch Up Week
  • Review or catchup on any work from the beginning of class to now
  • Work ahead on Lesson 4.1 if you wish
15 September 14, 2022 September 20, 2022 Lesson 4.1: Performance, TypeScript, Testing, Project Structure
Lesson 4.1 Instructions
Coding Assignment

Section 5 : React Real World

Week # Week Start Date Week End Date Lesson
16 September 21, 2022 September 27, 2022 Lesson 5.1: Sorting, Searching, Pagination
Lesson 5.1 Instructions
Coding Assignment

Section 6 : Final Project +/- Deployment

Week # Week Start Date Week End Date Lesson
17 September 28, 2022 October 4, 2022 Final Project Work Completion
Lesson 5.1 Instructions
Final Project Grading Rubric
October 5, 2022 October 7, 2022 Final Project Presentations
2 nights of presentations, time TBD
October 17, 2022 December 16, 2022 Practicum
8 week small group project