CosmoChat UI

Overview

CosmoChat UI is the frontend application that enables users to engage in chat sessions with an AI chatbot powered by OpenAI's language model. The primary objective is to offer a seamless platform for users to interact with the chatbot, ask questions, and receive responses naturally.

Technologies and Tools Used

• React.js
• Vite
• Axios
• OpenAI API

Available Scripts

In the project directory, you can run:

npm start

Runs the react app in the development mode. Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.

node ./server.js

Runs the server.js file which starts a server that will store the chat sessions in data/db.json file in JSON format. Server will be running on port 3500.

Project Setup Instructions

To set up CosmoChatUI, follow these steps:

1. Clone the repository to your local machine:

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

2. Ensure you have Node.js and npm installed:

   • Download and install Node.js if you haven't already.

3. Navigate to the root directory of the project:

   cd CosmoChatUI
   

4. Install Dependencies:

   npm install
   

5. Run Server: To run the server that stores chat sessions inside the data/db.json file in JSON format, run:

   node ./server.js
   

6. Start React Application: To start the React application, run:

   npm start