Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rohit-2012/mern-ai
AI-powered MERN app with Google Gemini for Q&A. Users can sign up, log in, ask questions, and upload images for AI responses. Chat history is stored, allowing users to review past conversations. Built with MongoDB, Express, React, and Node.js.
https://github.com/rohit-2012/mern-ai
clerk-authentication expressjs gemini-api imagekit mongodb mongoose nodejs react-19
Last synced: 16 days ago
JSON representation
AI-powered MERN app with Google Gemini for Q&A. Users can sign up, log in, ask questions, and upload images for AI responses. Chat history is stored, allowing users to review past conversations. Built with MongoDB, Express, React, and Node.js.
- Host: GitHub
- URL: https://github.com/rohit-2012/mern-ai
- Owner: Rohit-2012
- Created: 2024-07-24T07:39:12.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-29T05:03:48.000Z (6 months ago)
- Last Synced: 2024-11-09T19:44:42.287Z (2 months ago)
- Topics: clerk-authentication, expressjs, gemini-api, imagekit, mongodb, mongoose, nodejs, react-19
- Language: JavaScript
- Homepage: https://mern-ai-sae3.onrender.com
- Size: 6.29 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MERN AI
An AI-powered MERN stack web application utilizing Google Gemini for Q&A. Users can sign up, log in, ask questions, and upload images for AI analysis. All conversations are stored, allowing users to review past interactions.
## Features
- **User Authentication**: Log in or sign up using GitHub, Google, or email.
- **Dashboard**: Access a personalized AI dashboard.
- **AI Q&A**: Chat with AI powered by Google Gemini to get answers to your questions.
- **Image Analysis**: Upload images for AI to analyze and provide responses.
- **Chat History**: All conversations are saved, allowing users to check previous chats.
## Tech Stack
### Frontend
- React 19
- `@clerk/clerk-react`
- `@tanstack/react-query`
- `react-router-dom`
- `react-markdown`
- `react-type-animation`
- `imagekitio-react`
### Backend
- `@clerk/clerk-sdk-node`
- `cors`
- `express`
- `imagekit`
- `mongoose`
- MongoDB
- Node.js
## Installation
1. **Clone the Repository**
```bash
git clone https://github.com/Rohit-2012/mern-ai.git
2. **Install Dependencies**
- For the backend:
```bash
cd ./backend/
npm install
- For the frontend:
```bash
cd ./frontend/
npm install -f
3. **Setup Environment Variables**
Create a .env file in the root directories of both the backend and frontend, with the following variables:
- .env
```
IMAGE_KIT_ENDPOINT=
IMAGE_KIT_PUBLIC_KEY=
IMAGE_KIT_PRIVATE_KEY=
CLIENT_URL=
MONGO=
CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
VITE_CLERK_PUBLISHABLE_KEY=
VITE_IMAGE_KIT_ENDPOINT=
VITE_IMAGE_KIT_PUBLIC_KEY=
VITE_GEMINI_PUBLIC_KEY=
VITE_API_URL=
**Feel free to adjust the content and formatting as needed!**