AI Chat Application

Welcome to the AI Chat Website! This is a web-based application that allows users to interact with an AI chatbot in real-time. Users can send messages to the AI Bot and receive responses from it.

Features

• Real-time communication with an AI Model.
• User-friendly interface for sending and receiving messages.
• Responsive design that works well on both desktop and mobile devices.

Getting Started

To run the AI Chat App on your local machine, follow these steps:

1. Clone the repository to your local machine:

   git clone https://github.com/AkashMaher/aiModelFrontend.git

2. Navigate to the project directory:

   cd ai-chat-app

3. Install the required dependencies using your preferred package manager:

   npm install

4. Add .env variables

   REACT_APP_WEBSOCKET_URL=Websocket server url
   REACT_APP_BACKEND_URL=Backend api url

5. Start the development server:

   npm start

6. Open your web browser and visit http://localhost:3000 to access the application.

Technologies Used

• React: JavaScript library for building user interfaces.
• Tailwind CSS: Utility-first CSS framework for styling.
• WebSockets: For real-time communication with the AI Model server.

Demo Video

• Watch Demo Video

Screenshots

• Home Page
• Login
• Register
• Chat (Dark Mode)
• Chat (Light Mode)

Contributing

Contributions are welcome! If you find a bug or have an enhancement in mind, please create an issue or submit a pull request.

License

This project is licensed under the MIT License.

Acknowledgments

• The AI chatbot technology used in this project is for educational purpose.