Keep Your Flashcards is an application that gives you the opportunity to expand your knowledge using virtual flashcards.
The application provides four learning modes: learn, repeat, test, match
Study mode - allows you to view the list of cards. In this mode you can see both sides of the card or just one side and turn the card over to see the back.
Repeat mode - in this mode you only see the question and you have to answer it. Next, you can compare your answer with the correct answer.
Test Mode - in this mode you are given 10 random questions, selected from a list of all your cards in the set. Each question has 4 answer but only one is correct.
Matching mode - in this mode you have randomly placed questions and answers. Your task is to properly match the question with the answer.
This project was bootstrapped with Create React App.
Demo account:
login: test@test.pl
pass: Test123@
Project status: in progress
- React
- React-Router-Dom
- Tailwind
- TypeScript
- React-hook-form
- React-query
- Axios
- Fontawesome
- React-Testing-Library
To run this project, install it locally using npm:
npm install
npm run dev
To build this project:
npm run build
- Log in
- Sign up
- Remind password
- Create / Update / Delete set of flashcards
- Create / Update / Delete flashcards in a selected set
- List of sets
- Display last active set
- Study mode
- Repetition mode
- Matching mode
- Test mode
- Weekly activity calendar
- Text to Speech in Repetition and Study mode