Skip to content
skillbld
Day 14 of 14 40 minPlanningBuildingPolish

Build a complete flashcards study app that uses everything from the course. Plan the components and state, load a deck from a fake API, manage cards with a reducer and context, add cards with a validated form, study with keyboard shortcuts, and filter and track progress.

By the end of today you can

  • Plan an app as a component tree with clear state ownership
  • Combine useReducer and Context for app state
  • Load initial data with loading and error states
  • Build a validated form and a keyboard-driven study mode
  • Derive filters and statistics instead of storing them

What's inside

  • 6 sections
  • 2 diagrams and mind maps
  • 2 code examples you can run
  • 5-question quiz
  1. 11. Plan the app
  2. 22. The reducer and context
  3. 33. The whole app
  4. 44. What each part teaches
  5. 55. Make it yours
  6. 6Course recap

Sign in free to read this lesson

Get the full lesson with diagrams, runnable code and the quiz. Your progress is saved across devices.

Sign in free
Day 14: Project: A Flashcards App · React · SkillBld