Learn! is a web app designed to help you expand your vocabulary by mastering new terms and concepts with flashcards, learning quizzes and tests.
- Flashcards Mode: Review terms at your own pace with flashcards to ensure a deep understanding before testing yourself.
- Multiple-Choice Quiz Mode: Reinforce your learning with fun, interactive quizzes that test your knowledge of the terms.
- Progress Tracking: Monitor your learning progress with visual feedback as you review terms and take quizzes.
- Customizable Modules: Add your own modules and add terms and definitions.
- Simple, Clean Design: A user-friendly interface that helps you focus on learning without distractions.
- Dark and Light Modes: Switch between light and dark themes for a comfortable learning experience, day or night.
React.jsTypeScriptReact QueryReact Hook FormZodTailwind CSS
The app allows users to create modules of terms related to any subject. Each module contains terms and their definitions, and users can review them using flashcards, learning mode or tests to practice. The app tracks user progress and adapts based on their performance, making it a personalized learning experience.
To run the project in your local environment, follow these steps:
- Clone the repository to your local machine.
- Run
npm installoryarnin the project directory to install the required dependencies. - Run
npm run startoryarn startto start the development server. - Open http://localhost:5173 (or the address shown in your console) in your browser to access the app.
- Advanced Quiz Modes: Include different types of quizzes like true/false or match the terms to definitions.
- **Add ready templates with popular words.
- Add other language support.
- **Add the option to share modules with other users.
- Mobile Optimization: Improve the layout for a better mobile experience.
- Mobile layout needs further optimization for smaller screens.