Flashify is a fully responsive web-based application designed to enhance your learning experience through interactive flashcards. Whether you're studying for exams, learning a new language, or simply expanding your knowledge, Flashify provides an engaging platform to create, manage, and quiz yourself with customized flashcard decks.
- Create Custom Decks: Easily create and manage your own flashcard decks.
- Take Quizzes: Test your knowledge with interactive quizzes from your created decks or pre-built ones.
- Track Progress: View your previous scores and monitor your improvement over time.
- Responsive Design: Enjoy a seamless experience across desktop and mobile devices.
- Node.js
- npm
-
Clone the repository:
git clone https://github.com/harshpreet931/Flashify.git
-
Navigate to the project directory:
cd Flashify
-
Install dependencies:
npm install
-
Start the server:
npm start
-
Open your browser and visit
http://localhost:3000
to start using Flashify.
Note: If you are facing any issues in npm start.. there may be something running on your portnumber :3000, in order to fix that change the port number in server.js
- Click on "Create Deck" from the home page.
- Enter a unique deck name.
- Add cards to your deck by entering the exact format mentioned in the page.
- Click "Save Deck" when you're finished.
- Click on "Take a Quiz" from the home page.
- Select a deck from the available options.
- Choose the number of questions for your quiz.
- Start the quiz and answer the questions.
- View your results at the end of the quiz.
- Click on "Previous Scores" from the home page.
- Review your past quiz performances, including date, deck name, and score percentages.
public/
: Contains all static files (HTML, CSS, client-side JS)server.js
: Express server setup and routingcreateDeck.js
: Handles deck creation functionalityquiz.js
: Manages quiz logic and user interactionspreviousScores.js
: Displays and manages user's quiz history
- HTML5
- CSS3
- JavaScript (ES6+)
- Node.js
- Express.js
- LocalStorage for client-side data persistence
Flashify is hosted on Vercel, providing fast and reliable access to the application. You can access the live version at https://flashify-quiz.vercel.app.
Harshpreet Singh - LinkedIn
Project Link: https://github.com/harshpreet931/Flashify
Made with ❤️ by Harshpreet Singh