A modern, interactive flashcard application designed to help Pilat 8000 es instructors study and memorize exercises for certification exams. Built with Next.js and React.
- Flashcard Study System: Randomized presentation of exercises to optimize learning
- Progress Tracking: Visual progress indicators to track your study session
- Bilingual Support: Toggle between English and French translations
- Exercise Management: Add, edit, or hide exercises from the study rotation
- Responsive Design: Works seamlessly on desktop and mobile devices
- Local Storage: All your changes are saved locally in your browser
- Framework: Next.js 15
- UI Library: React 19
- Styling: Tailwind CSS
- Components: Radix UI primitives
- Form Handling: React Hook Form with Zod validation
- Icons: Lucide React
- Date Handling: date-fns
- Node.js 18.17 or later
- npm or pnpm
-
Clone the repository:
git clone https://github.com/yourusername/pilates_flashcards.git cd pilates_flashcards/vercepp_app
-
Install dependencies:
npm install # or pnpm install
-
Run the development server:
npm run dev # or pnpm dev
-
Open http://localhost:3000 in your browser to see the application.
The landing page provides a simple entry point to start your flashcard study session.
- Cards are presented in a randomized order
- Flip cards to reveal exercise descriptions
- Navigate between cards using the prev/next buttons
- Track your progress with the progress bar
- Reset your session to start over with a new random order
- View all available exercises
- Edit exercise titles and descriptions in both languages
- Hide exercises you don't want to study
- Reset to default exercises if needed
This application is optimized for deployment on Vercel, but can be deployed on any platform that supports Next.js.
# Build for production
npm run build
# or
pnpm build
# Start production server
npm run start
# or
pnpm start
Edit the data/exercices.json
file or use the management interface to add new exercises.
The application uses Tailwind CSS for styling. Customize the design by editing the tailwind.config.ts
file.
This project is licensed under the MIT License - see the LICENSE file for details.
- Exercise data compiled from standard Pilates certification materials
- UI components built with shadcn/ui component system