An open API service indexing awesome lists of open source software.

https://github.com/tushcmd/flash-cards

This is a flashcard SaaS built with Next.js, Clerk, Firebase, OpenAI, and Stripe.
https://github.com/tushcmd/flash-cards

Last synced: 5 months ago
JSON representation

This is a flashcard SaaS built with Next.js, Clerk, Firebase, OpenAI, and Stripe.

Awesome Lists containing this project

README

          

# AI Flashcards SAAS

## Project Overview

This is a flashcard SaaS built with Next.js, Clerk, Firebase, OpenAI, and Stripe.
Demo:

## Technologies

- Next.js - React Framework
- Shadcn UI - Components
- Clerk - Authentication
- Firebase - Database
- OpenAI - LLM(genAI)
- TailwindCSS - Styling
- Stripe - Payments

## Screenshots

![home page](public/_static/home.png)
![generate-page](public/_static/generate-page.png)
![flashcards-list](public/_static/flashcards-list.png)

## Features

- 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

## Features to Add

- Unit Testing
- User Feedback
- Enhanced Flashcard Study Features(for pro version)
- Create a mobile app version for studying on-the-go

## Getting Started

1.Clone the repository:

```bash
git clone https://github.com/tushcmd/flash-cards.git
```

2.Install dependencies:

```bash
cd flash-cards
npm install
```

3.Set up environment variables:

```bash
cp .env.example .env
```

Edit the `.env` file with all the necessary environment variables.

4.Run the development server:

```bash
npm run dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Contributing

Contributions are welcome! Please feel free to open issues or submit pull requests.