https://github.com/byigitt/flashy
modern offline flashcard application for students to use
https://github.com/byigitt/flashy
flashcard flashcards nextjs offline student study studying
Last synced: 19 days ago
JSON representation
modern offline flashcard application for students to use
- Host: GitHub
- URL: https://github.com/byigitt/flashy
- Owner: byigitt
- Created: 2024-11-17T09:27:25.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-11-17T11:55:26.000Z (5 months ago)
- Last Synced: 2025-04-06T22:31:38.181Z (21 days ago)
- Topics: flashcard, flashcards, nextjs, offline, student, study, studying
- Language: TypeScript
- Homepage: https://flashy-byigitt.vercel.app
- Size: 242 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Flashy
A modern flashcard application built with Next.js that helps you study effectively.
## 🔗 Live Demo
[Visit Flashy](https://flashy-byigitt.vercel.app)
## ✨ Features
- **Flashcard Management**
- Create, edit, and delete flashcards
- Organize flashcards into groups
- Flip cards to reveal answers
- Preview cards while creating
- **Study System**
- Study mode with randomized cards
- Group-specific study sessions
- Progress tracking
- Session completion statistics
- **Group Organization**
- Create and manage flashcard groups
- Add descriptions to groups
- Edit and delete groups
- Group-specific views
- **User Interface**
- Modern, clean design
- Responsive layout
- Dark/Light mode support
- Smooth animations
- Toast notifications
- Intuitive navigation
- **Local Storage**
- Persistent data storage
- No account required
- Instant access to flashcards
## 🛠️ Built With
- [Next.js 14](https://nextjs.org/) - React Framework
- [TypeScript](https://www.typescriptlang.org/) - Type Safety
- [Tailwind CSS](https://tailwindcss.com/) - Styling
- [shadcn/ui](https://ui.shadcn.com/) - UI Components
- [Lucide Icons](https://lucide.dev/) - Icons
- [next-themes](https://github.com/pacocoursey/next-themes) - Theme Management
- [Zod](https://zod.dev/) - Form Validation
- [React Hook Form](https://react-hook-form.com/) - Form Management
## 🚀 Getting Started
1. Clone the repository:
```bash
git clone https://github.com/byigitt/flashy.git
```
2. Install dependencies:
```bash
cd flashy
npm install
```
3. Run the development server:
```bash
npm run dev
```
4. Open [http://localhost:3000](http://localhost:3000) in your browser.
## 🌟 Key Features in Detail
### Flashcard Management
- Create flashcards with questions and answers
- Organize cards into custom groups
- Edit card content at any time
- Delete unwanted cards
- Preview cards before saving
### Study System
- Choose specific groups to study
- Randomized card order for better learning
- Track study progress
- Review completion statistics
- Flip cards to check answers
### Group Organization
- Create custom groups for different subjects
- Add descriptions to groups
- Edit group details
- Delete groups and their cards
- View all cards within a group
### User Interface
- Clean, modern design
- Responsive layout for all devices
- Dark and light mode support
- Smooth animations and transitions
- Intuitive navigation system
- Toast notifications for actions
## 📝 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 👤 Author
- GitHub: [@byigitt](https://github.com/byigitt)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome! Feel free to check the [issues page](https://github.com/byigitt/flashy/issues).
## ⭐️ Show your support
Give a ⭐️ if you like this project!