Skip to content

keshavkumar143/ChatMosaic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 

Repository files navigation

ChatMosaic

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.

Features

  • 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.

Technologies Used

  • Frontend: React.js
  • Backend: Node.js, Express.js
  • Database: MongoDB (with Mongoose)
  • AI Model: Google Generative AI
  • HTTP Client: Axios
  • Styling: Tailwind CSS

View demo on my Linkedin

You can view a live demo of the project on LinkedIn.

Deployment link

View Demo Project ChatMosaic.

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/ChatMosaic.git
    cd CHAT
    
  2. Install dependencies:

    npm install
    
  3. 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