Revisly is a modern, visually engaging flashcard app built with React, Vite, and Tailwind CSS. It helps you create, review, and track your learning with interactive decks, beautiful animations, and insightful statistics.
- Create & Edit Decks: Organize your knowledge into custom flashcard decks.
- Study Mode: Flip cards, self-test, and track your progress with active recall.
- Statistics Dashboard: Visualize your study streak, retention rate, and review history.
- Learning Tips: Get motivational and science-backed study tips on your dashboard.
- Celebration Modal: Enjoy confetti and stats when you complete a deck!
- Responsive UI: Clean, modern design with smooth animations and mobile support.
- Persistent Data: Your decks and progress are saved in your browser (localStorage).
- React 19
- Vite (blazing fast dev/build tool)
- Tailwind CSS 4 (utility-first styling)
- Custom SVG logo and celebration/confetti animations
- Clone the repository:
git clone <repo-url> cd revisly
- Install dependencies:
npm install
- Run the development server:
npm run dev
- Open in your browser: Visit http://localhost:5173 (or the port shown in your terminal).
- Create a Deck: Click the "+ Create Deck" button in the sidebar.
- Add Cards: Edit a deck to add, edit, or delete flashcards.
- Study: Click "Study" on any deck to start reviewing cards. Flip cards to reveal answers, and mark your recall.
- Track Progress: Visit the Statistics page to see your streak, retention, and study time.
- Enjoy Celebrations: Complete a deck to unlock a confetti celebration and see your session stats!
- Branding: Revisly uses a custom SVG logo and a green/blue color palette.
- Animations: Flip card, confetti, and tip reveal animations are all custom CSS.
- Fonts: Uses Manrope and Noto Sans.
- Built with ❤️ by your team.
- Logo and UI inspired by modern learning tools.
- No backend required—your data stays private in your browser.
This project is for educational and personal use. Feel free to fork and modify!