Dialogue Depot AI - Frontend

Welcome to DialogueDepot AI, a modern chat application that combines real-time messaging with AI-generated responses. This frontend part of the project is responsible for the user interface and interaction.

Table of Contents

• Introduction
• Features
• Tech Stack
• Setup
• Usage
• Deployment
• Contributing
• License

Introduction

Dialogue Depot AI is a feature-rich chat application built using the MERN stack (MongoDB, Express.js, React.js, Node.js) with Socket.IO for real-time messaging. It also integrates a Flask API with a pre-trained ML model for AI-generated responses.

Features

• Real-time messaging using Socket.IO.
• User authentication with JWT and bcrypt.
• AI-generated responses for dynamic and engaging conversations.
• Responsive and modern UI powered by React.js and Chakra UI.

Tech Stack

• React.js: Frontend library for building user interfaces.
• Chakra UI: Component library for React for consistent and customizable UI.
• Node.js and Express.js: Backend server and API.
• Socket.IO: Real-time WebSocket communication.
• MongoDB: NoSQL database for storing user data, chats, and messages.
• JWT and Bcrypt: User authentication and password hashing.
• Cloudflare: Deployment platform for the frontend.

Setup

1. Clone the repository:

   git clone <https://github.com/imambujshukla7/dialoguedepotai-frontend>
   cd dialogue-depot-Frontend

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

Usage

Visit the deployed application at dialoguedepotai.site and sign up to start chatting with real-time and AI-generated responses.

Deployment

The frontend is deployed on Cloudflare. The latest version is accessible at dialoguedepotai.site.

Contributing

I welcome contributions! Feel free to open issues, create pull requests, or provide feedback.

License

This project is licensed under the MIT License.