https://github.com/sanjanayadav07/quickgpt
QuickGPT is a full-stack AI-powered application that allows users to: - 💬 Chat with an AI assistant in real-time - 🎨 Generate AI-powered images from prompts - 💳 Purchase credits using Stripe for continued usage - 🌗 Switch between Dark/Light themes - 📜 View and manage recent chat history ...!!
https://github.com/sanjanayadav07/quickgpt
bootstrap css3 environment-variables express-js github-config html-css-javascript html5 mongodb-atlas mongoose nodejs postman-test react-hooks react-router reactjs stripe-checkout stripe-payments vercel-deployment
Last synced: 3 months ago
JSON representation
QuickGPT is a full-stack AI-powered application that allows users to: - 💬 Chat with an AI assistant in real-time - 🎨 Generate AI-powered images from prompts - 💳 Purchase credits using Stripe for continued usage - 🌗 Switch between Dark/Light themes - 📜 View and manage recent chat history ...!!
- Host: GitHub
- URL: https://github.com/sanjanayadav07/quickgpt
- Owner: Sanjanayadav07
- Created: 2025-08-31T15:06:40.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-09-03T07:03:19.000Z (10 months ago)
- Last Synced: 2025-09-03T08:12:04.477Z (10 months ago)
- Topics: bootstrap, css3, environment-variables, express-js, github-config, html-css-javascript, html5, mongodb-atlas, mongoose, nodejs, postman-test, react-hooks, react-router, reactjs, stripe-checkout, stripe-payments, vercel-deployment
- Language: JavaScript
- Homepage: https://quick-gpt-phi.vercel.app/
- Size: 1.49 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🤖 QuickGPT - AI Chat & Image Generator
# 🎨 QuickGPT Frontend
This is the **frontend client** for QuickGPT.
It is built with **React, Tailwind CSS, and Context API** for state management.
---
## ⚙️ Tech Stack
- ⚛️ React + Vite
- 🎨 Tailwind CSS
- 🌀 Context API
- 🌐 Axios
- 🔔 React Hot Toast
- ⏳ Moment.js
---
## 📂 Folder Structure
```
client/
│── components/ # UI components
│── context/ # AppContext
│── pages/ # Login, Chat, Credits
│── assets/ # Images & icons
│── App.jsx # Main app
└── README.md
```
---
## 🛠️ Setup Instructions
```bash
# Go to client folder
cd client
# Install dependencies
npm install
# Start development server
npm run dev
```
👉 Create a .env file in client/ and add
```
VITE_SERVER_URL=http://localhost:3000
```
## 🔑 Features
- User login & registration
- Chat with AI
- Generate AI images
- Purchase credits (Stripe integrated)
- Dark/Light theme toggle
- Recent chats list
-----
# ⚡ QuickGPT Backend
This is the **backend API** for QuickGPT.
It is built with **Node.js, Express.js, MongoDB, and Stripe** for payments.
---
## ⚙️ Tech Stack
- 🚀 Node.js + Express.js
- 🍃 MongoDB + Mongoose
- 💳 Stripe API (Payments & Webhooks)
- 🔑 JWT Authentication
- 🛡️ Middleware (Auth & Error handling)
## 📂 Folder Structure
```
server/
│── models/ # Mongoose models (User, Chat, Transaction)
│── routes/ # Express routes (auth, chat, credit)
│── controllers/ # Controller logic
│── middleware/ # Auth middleware
│── configs/ # DB connection, Stripe config
│── server.js # Entry point
│── .env # Environment variables
└── README.md
```
## 🛠️ Setup Instructions
```bash
# Go to backend folder
cd server
# Install dependencies
npm install
# Start development server
npm run dev
```
👉 Create a .env file in server/ and add:
```
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
STRIPE_SECRET_KEY=your_stripe_secret
STRIPE_WEBHOOK_SECRET=your_stripe_webhook_secret
PORT=3000
```
## 🔑 Features
- User authentication (JWT-based)
- Chat API for AI conversations
- Credit purchase (Stripe integration)
- Webhook support for Stripe events
- Secure routes with middleware
- RESTful API structure
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues).
### Steps to Contribute
1. 🍴 Fork this repository
2. 👯 Clone your fork
```
git clone https://github.com//QuickGPT.git
```
3. 🔧 Create a new branch:
```
git checkout -b feature-branch
```
4. 📝 Make your changes and commit
```
git commit -m "Add new feature"
```
5. 🚀 Push to your fork:
```
git push origin feature-branch
```
6. 🎉 Open a Pull Request
## 📜 License
MIT License © 2025 Sanjana Yadav
## 📬 Let's Connect
[](https://www.linkedin.com/in/sanjana-yadav007/)
[](mailto:sanjanayadav3952@gmail.com)