Chatbot AI

Description

Welcome to the chatbot Website. This project is a fully responsive chatbot website built using React. We can create Avatar AI and a chatbot AI with a natural UI where interaction happens through voice.

---

Table of Contents

• Demo
• Features
• Technologies Used
• Installation
• Usage
• Project Structure
• Contributing
• License
• Contact

Demo

Check out my all the project here.

• Frontend Deployed Link(Netlify): https://serene-clafoutis-25da20.netlify.app/

• Demo Video Link: https://drive.google.com/file/d/1QDijii1tCsBovW-Sdwo3u7Y601_23qep/view?usp=sharing

Features

• chatbot AI
• Create an AI Avatar

Technologies Used

• React: JavaScript library for building user interfaces
• Gemini API: To give the answer
• D-id API: To generate avatar AI
• React Router: Declarative routing for React
• Axios and Fetch: Promise-based HTTP client for API calls
• Chakra UI: For the Styling
• React Hook Form: For Listen and Speaking

Installation

Prerequisites

• Node.js (>=14.x)
• npm (>=6.x) or yarn (>=1.22.x)

Steps

1. Clone the repository:

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

2. Navigate to the project directory:

   cd chatbot_ai

3. Install dependencies:

   npm install
   # or
   yarn install

Usage

Running the App

  npm start
  # or
  yarn start

The application will start on http://localhost:3000.

Building for Production

    npm i netlify-cli -g
    npm run build

The production-ready files will be in the build/ directory. now add a new file inside build folder named _redirects and write

    /* /index.html 200

Project Structure

   chatbot_ai/
├── public/
│   ├── index.html
│   └── ...
├── src/
│   ├── components/
│   ├── pages/
│   ├── index.css
│   ├── App.css
│   ├── App.js
│   ├── index.js
│   └── ...
├── package.json
└── ...

Contributing

Contributions are welcome! Please follow these steps to contribute:

1. Fork the repository.
2. Create a new branch (git checkout -b feature/your-feature).
3. Make your changes.
4. Commit your changes (git commit -m 'Add some feature').
5. Push to the branch (git push origin feature/your-feature).
6. Create a new Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

For any inquiries, please contact:

    Name: Suman Saurav
    Email: sumansauravmay12345@gmail.com
    GitHub: https://github.com/sumansauravmay
    LinkedIn: https://www.linkedin.com/in/suman-saurav-06896b231/