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

https://github.com/moiz-codebyte/merngpt

MERN-AI-ChatBot application, built with React, TypeScript, and Vite.
https://github.com/moiz-codebyte/merngpt

chatbot chatbotusingreact

Last synced: 4 months ago
JSON representation

MERN-AI-ChatBot application, built with React, TypeScript, and Vite.

Awesome Lists containing this project

README

          

# 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/](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:

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

Navigate to the backend folder:

```bash
cd merngpt-backend
```

Install dependencies:

```bash
npm install
```

Start the backend server:

```bash
npm start
```

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

### Frontend Setup

Git clone the Frontend of MERN-AI-ChatBot:

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

Navigate to the frontend folder:

```bash
cd merngpt-frontend
```

Install dependencies:

```bash
npm install
```

Run the development server:

```bash
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:
```bash
git checkout -b feature/your-feature-name
```
3. Make your changes and commit them:
```bash
git commit -m "Add your feature"
```
4. Push to the branch:
```bash
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.