Chat Application

A full-stack chat application with user authentication and a bot interface.

Features

• User authentication (registration, login)
• Dashboard with user profile
• Chat interface with automated bot responses
• Individual chat history storage for each user

Tech Stack

Frontend

• React.js with TypeScript
• React Router for navigation
• Styled Components for styling
• React Toastify for notifications
• Axios for API requests

Backend

• Node.js with Express
• MongoDB with Mongoose ODM
• JWT for authentication
• TypeScript

Setup and Installation

Prerequisites

• Node.js and npm
• MongoDB (local or remote)

Backend Setup

1. Navigate to the backend directory:

   cd backend
   

2. Install dependencies:

   npm install
   

3. Create a .env file with the following variables:

   PORT=5000
   MONGODB_URI=mongodb://localhost:27017/chat-app
   JWT_SECRET=your_jwt_secret_key
   JWT_EXPIRE=24h
   FRONTEND_URL=http://localhost:3000
   

4. Start the development server:

   npm run dev
   

Frontend Setup

1. Navigate to the frontend directory:

   cd frontend
   

2. Install dependencies:

   npm install
   

3. Create a .env file with the following variables:

   REACT_APP_API_URL=http://localhost:5000/api
   

4. Start the development server:

   npm start
   

Usage

1. Register a new account or login with existing credentials
2. Navigate to the dashboard to see your profile
3. Use the chat interface to interact with the bot
4. Your chat history will be saved automatically

License

MIT