Week of Oct 19, 2026
Parts covered:
- Part 3d - Validation and ESLint
Did:
- Completed above parts
- Exercises 3.19 to 3.22
Clicked:
- Validation with mangoose format
- .catch block - where and how errors are caught
- Fixing linting issues
- Better use of debugger, which to check and when
Challenges:
- Linting rule weren't working for front-end files until I realized they were applied only to js file and excluding jsx. Always check the full settings doc.
Week of Oct 12, 2026
Parts covered:
- Part 3b - Deploying app to internet
- Part 3c - Saving data to MongoDB
Did:
- Completed above parts
- Exercises 3.9 to 3.18
Clicked:
- Use of Render for deployment
- Matching base urls so both sides can communicate
- Use of MangoDB, link to backend and basic queries
Challenges:
- Dev needs two processes and a Vite proxy; production is one Express server serving the built dist
- rm/cp in npm scripts break on Windows: use shx
- Frontend and backend must agree on response shapes (POST returns the created object, DELETE can’t rely on a body)
- Requests going to the wrong server (json-server vs Express vs Render, or Vite’s HTML fallback) looked like code bugs. Check host, status and body in the Network tab
- Using debugger and which process to use to follow step by step code (browser, VScode debugger, JS Debug terminal, etc)
Week of Oct 5, 2026
Parts covered:
- Part 3a - Node.js and Express
Did:
- Completed above parts
- Exercises 3.1 to 3.8
Clicked:
- Express' simplicity
- Postman and VS Code REST client
Challenges:
- Typos in API request (missing '/')
- Using the correct method .json() vs .end() or .send()
- Ensuring correct content-type is used
Week of Sept 28, 2026
Parts covered:
- Part 2e - Adding styles to React app
Did:
- Completed above parts
- Exercises 2.16 to 2.20
Clicked:
- Refresher on array methods like map, filter, some, reduce, etc.
Challenges:
- Conditional values for const more complex than ternaries
- Edge cases for API data or its absence
Week of Sept 21, 2026
Parts covered:
- Part 1c - Component state, event handlers
- Part 1d - A more complex state, debugging React apps
- Part 2a - Rendering a collection, modules
- Part 2b - Forms
- Part 2c - Getting data from server
- Part 2d - Altering data in server
Did:
- Completed above parts
- Exercises 1.6 to 1.14
- Exercises 2.1 to 2.15
Clicked:
- State architecture and choice
- Props drilling and destructuring
- Refresher on array methods like map, filter, some, reduce, etc.
- Axios methods
- How to avoid redundant state
Challenges:
- Some render models
Week of Sept 14, 2026
Parts covered:
- Part 0 - Fundamentals of Web apps
- Part 1a - Introduction to React
- Part 1b - JavaScript
Did:
- Completed above parts
- Exercises 0.1 to 0.6
- Exercises 1.1 to 1.5
Clicked:
- Some new devtools features
- Network tab
- Good refresher on React and props
Challenges: n/a.