React ChatGPT Clone Full-Stack App

This project is a full-stack AI chatbot application built with React, inspired by ChatGPT. It features real-time chat functionality using AI and various integrations for image uploads, authentication, and backend support. This app demonstrates how to integrate AI with real-time chat streaming, image recognition, and API interaction.

## 💻 Technologies Used

- Frontend: React.js, React Router, Clerk Authentication, React Query, Tailwind CSS
- Backend: Node.js, Express.js, MongoDB
- API Integration: Google Gemini API
- Other Integrations: ImageKit for image optimization and secure uploads

Demo

📂 Project Setup

1. Clone the project repository:

   git clone https://github.com/Varunyadavgithub/AlphaAI.git

2. Navigate to the project folder:

   cd AlphaAI

3. Install the required dependencies:

   npm install

4. Set up the backend server:

   cd server
   npm install
   npm run dev

5. Run the frontend React app:

   cd client
   npm install
   npm run dev

🔑 Authentication

This app uses Clerk for authentication. Sign up on Clerk and integrate it to manage users and protect routes in your React app.

📦 Image Optimization

We are using ImageKit to optimize and securely upload images. Check the ImageKit documentation to learn more about integrating it into your projects.

🛠 VSCode Snippets

Use the VSCode Snippets for faster development.

Happy coding! 💖 Happy Learning 🌱