Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mmansy19/intellichat
MERN Stack ChatGPT Project
https://github.com/mmansy19/intellichat
expressjs jwt-authentication jwt-token mongodb mui nodejs reactjs restful-api tailwindcss typescript vite
Last synced: 3 days ago
JSON representation
MERN Stack ChatGPT Project
- Host: GitHub
- URL: https://github.com/mmansy19/intellichat
- Owner: MMansy19
- Created: 2024-02-26T04:17:28.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-03-05T07:42:01.000Z (9 months ago)
- Last Synced: 2024-07-06T20:26:45.294Z (4 months ago)
- Topics: expressjs, jwt-authentication, jwt-token, mongodb, mui, nodejs, reactjs, restful-api, tailwindcss, typescript, vite
- Language: TypeScript
- Homepage: https://intellichat-mern.netlify.app/
- Size: 38.7 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# IntelliChat (MERN)
IntelliChat is a modern chat application developed using React components, Material UI (MUI), Vite, and integrated with the API of ChatGPT for advanced conversational capabilities. The project focuses on delivering a seamless chatting experience with an intuitive user interface, efficient backend architecture, and responsive design.
## [Live Link](https://intellichat-mern.netlify.app/)
## [Video Demo](https://drive.google.com/file/d/1XzJqS7IeBl8jcrYii-QMq8KDn1O9cM33/view?usp=sharing)
## 🧰 Tech Stack
- **Frontend**
- **Backend**
## Features
- **Modern React Components**: Utilizes React components to create a dynamic and interactive user interface.
- **Material UI (MUI)**: Integrates the Material UI library for designing beautiful and responsive UI components.
- **Vite**: Utilizes Vite for fast and efficient development builds.
- **ChatGPT API Integration**: Integrates the ChatGPT API for advanced conversational functionalities.
- **Responsive Design**: Ensures seamless usability across various devices with responsive design principles.
- **Efficient Backend**: Developed with a robust backend architecture by Abdulrahman Mohamed.
- **Intuitive Frontend**: Designed with a user-friendly interface by Mahmoud Mansy.## Screenshots
![Screenshot 1](Planning/1.png)
![Screenshot 2](Planning/2.png)
![Screenshot 3](Planning/3.png)## Planning
## Getting StartedTo run IntelliChat locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/MMansy19/IntelliChat.git
```2. Navigate to the project directory:
```bash
cd IntelliChat
```3. Install dependencies:
```bash
npm install
```4. Configure environment variables:
- Create a `.env` file based on the provided `.env.example`.
- Add necessary environment variables for API keys, endpoints, etc.5. Start the development server:
```bash
npm start
```6. Access IntelliChat in your browser at `http://localhost:3000`.
## Project Contributors 🤝
| Developer Name | Role | GitHub | LinkedIn |
| ----------------------- | ------------------ | ------------------------------------------ | ---------------------------------------------------------------------- |
| **Mahmoud Mansy** | Frontend Developer | [GitHub](https://github.com/MMansy19) | [LinkedIn](https://www.linkedin.com/in/mahmoud-mansy-a189a5232/) |
| **Abdulrahman Mohamed** | Backend Developer | [GitHub](https://github.com/abdomohamed96) | [LinkedIn](https://www.linkedin.com/in/abdelrahman-mohamed-b7944123a/) |## License
This project is licensed under the [MIT License](LICENSE).