react-jwt-flashcards-client

A React single-page application for managing vocabulary learning with courses, lessons, protected routes, and two training games (memo cards & puzzle mode). Built with React Router and Context-based JWT authentication, designed to work with a secure Node/Express + MongoDB backend.

Features

• Authentication & routing

  • Login / registration flows
  • Protected routes via ProtectedRoute and AuthProvider (React Context)
  • Profile page for authenticated users

• Courses & lessons

  • /courses – list of user courses
  • /course/:courseName – lessons within a course
  • /course/:courseName/lesson/:lessonName – lesson view with words

• Games

  • /game-puzzle/course/:courseName/lesson/:lessonName – puzzle-style training game
  • /game-memo/course/:courseName/lesson/:lessonName – memory card game

• Content management

  • /import – add/import new words (AddWord page)
  • /settings – user/settings page

• Tech stack

  • React + React Router (BrowserRouter, Routes, Route)
  • Context-based auth (AuthProvider, ProtectedRoute)
  • Integration with a JWT-based backend for data and auth