Mantu's Logo
Resume

ChatMate

ChatMate
Visit SiteFrontend RepoBackend Repo

ChatMate is a chatting application that enables real-time text-based conversations. Built with React, it ensures high performance and scalability. The UI is styled with Tailwind CSS and Daisy UI.

Technologies Used:

ReactTailwind CSSSocketReduxReact Router DomAxiosJWTExpressMongooseMulterCloudinary

Key Features:

  • Real-time AI chat
  • Streaming responses
  • Responsive UI with Tailwind CSS
  • TypeScript for type safety

Role:

Fullstack Developer

Challenges & Learnings:

Implemented AI chat using OpenAI API with streaming responses, improving performance and user experience.

Setup Instructions

  1. Clone the Repository

    git clone https://github.com/Mantu01/ChatMate.git
cd ChatMate

  2. Install Dependencies

    npm install

  3. Set Up Environment Variables
    Create a .env.local file and add your OpenAI API key:

    NEXT_PUBLIC_OPENAI_API_KEY=your_api_key_here

  4. Run the Development Server

    npm run dev

    Open http://localhost:3000 in your browser.

Other Projects

Yatra

Yatra

A travel planning website.

DetailsVisit Site