This is a flashcard SaaS built with Next.js, Clerk, Firebase, OpenAI, and Stripe. Demo: https://flash-cards-five-xi.vercel.app/
- Next.js - React Framework
- Shadcn UI - Components
- Clerk - Authentication
- Firebase - Database
- OpenAI - LLM(genAI)
- TailwindCSS - Styling
- Stripe - Payments
- Clerk Authentication
- Landing Page and full saas UI
- OpenAI generated flashcards
- CRUD features with firebase firestore
- Accept subscription for yearly and monthly payments with stripe
- Unit Testing
- User Feedback
- Enhanced Flashcard Study Features(for pro version)
- Create a mobile app version for studying on-the-go
1.Clone the repository:
git clone https://github.com/tushcmd/flash-cards.git
2.Install dependencies:
cd flash-cards
npm install
3.Set up environment variables:
cp .env.example .env
Edit the .env
file with all the necessary environment variables.
4.Run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.
Contributions are welcome! Please feel free to open issues or submit pull requests.