MERN-AI-ChatBot

This is the frontend for the MERN-AI-ChatBot application, built with React, TypeScript, and Vite.

Related Repositories

• Backend: https://github.com/Moiz-CodeByte/merngpt-backend/

Features

• User authentication (signup, login, logout)
• Chat interface with AI assistant
• Responsive design with Material UI
• Code syntax highlighting

How to Run the Project

Prerequisites

• Ensure you have Node.js and npm installed.
• MongoDB should be installed and running on your system.

Backend Setup

Git clone the backend of MERN-AI-ChatBot:

git clone https://github.com/Moiz-CodeByte/merngpt-backend/

Navigate to the backend folder:

cd merngpt-backend

Install dependencies:

npm install

Start the backend server:

npm start

By default, the server runs on http://localhost:5000.

Frontend Setup

Git clone the Frontend of MERN-AI-ChatBot:

git clone https://github.com/Moiz-CodeByte/merngpt-frontend

Navigate to the frontend folder:

cd merngpt-frontend

Install dependencies:

npm install

Run the development server:

npm run dev

The frontend will run on http://localhost:5173.

Technology Stack

Backend:

• MongoDB
• Express.js
• Node.js
• Groq API (Llama3 model)

Frontend:

• React
• TypeScript
• Vite
• Material UI
• Axios
• React Router
• React Hot Toast
• React Syntax Highlighter

Contributing

Contributions are welcome! If you have any ideas, suggestions, or improvements, feel free to create a pull request or open an issue.

Steps to Contribute

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature/your-feature-name

3. Make your changes and commit them:

   git commit -m "Add your feature"

4. Push to the branch:

   git push origin feature/your-feature-name

5. Open a pull request.

License

This project is open-source and available under the MIT License.

For any questions or support, please contact at hello@abdulmoiz.net.