🤖Chatbot Client - AI Powered Chatbot

Chatbot Client is an OpenAI powered tool that brings chatbots to the next level of sophistication and intelligence. Chatbot Client can engage in multi-turn conversations, remembering previous interactions and providing relevant follow-up responses.

🤖Technologies Used

Chatbot Client is built using the following technologies:

• React.js: A JavaScript library for building user interfaces.
• CSS Modules: A CSS file format that allows for local scoping of CSS styles in React components.
• OpenAI API: The OpenAI API is used for natural language processing and generating AI-powered responses.
• Node.js: A JavaScript runtime environment that allows running JavaScript on the server-side.
• Express: A web application framework for Node.js used to handle backend API routes and requests.
• React Router: A library for handling routing in a React application.
• Axios: A promise-based HTTP client for making API requests from the frontend.
• Firebase: A comprehensive development platform that provides authentication, hosting, and database services.
• dotenv: A zero-dependency module for loading environment variables from a .env file.
• CORS: Cross-Origin Resource Sharing, a mechanism for handling cross-origin requests in web browsers.
• Nodemon: A development tool that automatically restarts the server when changes are made to the code.

✨Prerequisites

Before getting started, make sure you have the following prerequisites installed:

• Node.js: Install Node.js from the official website.
• OpenAI API key: Sign up for the OpenAI API and obtain an API key.
• Firebase account: Create a Firebase account and set up a new project.

💻Getting Started

To run the Chatbot Client locally, follow these steps:

1. Clone the repository
2. Navigate to the project directory
3. Install the dependencies: npm install
4. Create a .env file in the project folder and add your OpenAI API key and Firebase configuration:

    OPENAI_KEY=YOUR_API_KEY
    REACT_APP_FIREBASE_API_KEY=YOUR_FIREBASE_API_KEY
    REACT_APP_FIREBASE_AUTH_DOMAIN=YOUR_FIREBASE_AUTH_DOMAIN
    REACT_APP_FIREBASE_PROJECT_ID=YOUR_FIREBASE_PROJECT_ID
    REACT_APP_FIREBASE_STORAGE_BUCKET=YOUR_FIREBASE_STORAGE_BUCKET
    REACT_APP_FIREBASE_MESSAGING_SENDER_ID=YOUR_FIREBASE_MESSAGING_SENDER_ID
    REACT_APP_FIREBASE_APP_ID=YOUR_FIREBASE_APP_ID

5. Start the frontend server:

   cd chatbot_client
   npm start

6. Open your web browser and visit localhost:3000 to access the frontend and check the chatbot api repository to start the backend.