ChatMosaic is a web application that allows users to interact with an AI-powered chat interface. Users can ask questions and receive responses generated by Google's Generative AI model.
- Real-time Chat Interface: Users can type messages and receive responses instantly.
- AI-powered Responses: Responses are generated using Google's Generative AI based on user questions.
- Message Management: Users can delete individual messages.
- Error Handling: Handles errors gracefully for failed API requests or server issues.
- Responsive Design: Designed to work seamlessly across different screen sizes.
- Frontend: React.js
- Backend: Node.js, Express.js
- Database: MongoDB (with Mongoose)
- AI Model: Google Generative AI
- HTTP Client: Axios
- Styling: Tailwind CSS
You can view a live demo of the project on LinkedIn.
View Demo Project ChatMosaic.
-
Clone the repository:
git clone https://github.com/your-username/ChatMosaic.git cd CHAT
-
Install dependencies:
npm install
-
Configure environment variables: Create a .env file in the root directory and add the following:
MONGO_URL=your_mongodb_connection_string API_KEY=your_google_generative_ai_api_key PORT=4000