Week 2 - Building a Full-Stack AI-Powered Todo List Application
Week 2 - Day 1
Agenda
| Time |
Activity |
| 6:30 - 7:15 pm |
Self-Guided Review: Cheatsheet Overview |
| 7:15 - 8:15 pm |
Self-Guided Lesson: Introduction to Project Technologies |
| 8:15 - 8:45 pm |
Break |
| 8:45 - 9:45 pm |
Self-Guided Lesson: TypeScript Fundamentals for JavaScript Developers |
| 9:45 - 10:30 pm |
Reflection Activity: Why Static Typing Improves Code Quality |
Lesson Materials
Resources
Text 404-962-0908 with feedback and questions.
Week 2 - Day 2
Agenda
| Time |
Activity |
| 6:30 - 7:15 pm |
Self-Guided Lesson: TypeScript in React Components |
| 7:15 - 8:15 pm |
Guided Practice: Building a Simple Component with Props and State |
| 8:15 - 8:45 pm |
Break |
| 8:45 - 9:45 pm |
Self-Guided Lesson: Backend Setup with Express and MongoDB |
| 9:45 - 10:30 pm |
Hands-On Activity: Testing the API with Postman |
Lesson Materials
Resources
Text 404-962-0908 with feedback and questions.
Week 2 - Day 3
Agenda
| Time |
Activity |
| 6:30 - 7:15 pm |
Self-Guided Lesson: Integrating the OpenAI API into the Backend |
| 7:15 - 8:15 pm |
Hands-On Activity: Generating AI-Based Task Descriptions |
| 8:15 - 8:45 pm |
Break |
| 8:45 - 9:45 pm |
Self-Guided Lesson: Setting Up React Query for State Management |
| 9:45 - 10:30 pm |
Practice: Fetching Data with React Query |
Lesson Materials
Resources
Text 404-962-0908 with feedback and questions.
Week 2 - Day 4
Agenda
| Time |
Activity |
| 6:30 - 7:15 pm |
Self-Guided Lesson: React Router for Navigation |
| 7:15 - 8:15 pm |
Hands-On Activity: Creating and Navigating Pages |
| 8:15 - 8:45 pm |
Break |
| 8:45 - 9:45 pm |
Self-Guided Lesson: Building Components with Radix UI and Phosphor Icons |
| 9:45 - 10:30 pm |
Practice: Designing the TodoList UI |
Lesson Materials
Resources
Week 2 - Day 5
Agenda
| Time |
Activity |
| 6:30 - 7:15 pm |
Self-Guided Lesson: Connecting the Backend to the Frontend |
| 7:15 - 8:15 pm |
Hands-On Activity: Displaying Tasks from the API |
| 8:15 - 8:45 pm |
Break |
| 8:45 - 9:45 pm |
Self-Guided Lesson: Adding and Deleting Tasks |
| 9:45 - 10:30 pm |
Practice: Building Interactive Functionality |
Lesson Materials
Text 404-962-0908 with feedback and questions.
Week 2 - Day 6
Agenda
| Time |
Activity |
| 6:30 - 7:15 pm |
Self-Guided Lesson: Writing Tests for the Application |
| 7:15 - 8:15 pm |
Practice: Testing Components and API Endpoints |
| 8:15 - 8:45 pm |
Break |
| 8:45 - 9:45 pm |
Self-Guided Lesson: Final Review and Deployment Overview |
| 9:45 - 10:30 pm |
Reflection: Recap and Preparing for the Next Steps |
Lesson Materials
Resources
Supplementary Reading
Text 404-962-0908 with feedback and questions.
