https://github.com/nafisrayan/aichatbot-reactjs

AIChatbot-ReactJS
https://github.com/nafisrayan/aichatbot-reactjs

Last synced: about 1 month ago
JSON representation

AIChatbot-ReactJS

• Host: GitHub
• URL: https://github.com/nafisrayan/aichatbot-reactjs
• Owner: NafisRayan
• Created: 2024-09-04T19:27:21.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-09-16T10:17:43.000Z (5 months ago)
• Last Synced: 2024-11-19T02:55:19.585Z (3 months ago)
• Language: JavaScript
• Homepage: https://ai-chatbot-react-js.vercel.app
• Size: 319 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# AI Chatbot Application

## Table of Contents

- [Overview](#overview)

- [Features](#features)

- [Technologies Used](#technologies-used)

- [Screenshots](#screenshots)

- [Getting Started](#getting-started)

- [Usage](#usage)

- [Contributing](#contributing)

## Overview

This project implements an AI Chatbot application using ReactJS. It provides a user-friendly interface for interacting with an AI-powered chatbot. Users can engage with the chatbot to ask questions or seek information in a conversational manner.

## Features

- Interactive chat interface

- Dark mode toggle

- AI-powered responses

- User-friendly design

## Technologies Used

- **ReactJS**: Frontend framework for building the application

- **Create React App**: Bootstrapped the project for quick setup

- **@google/generative-ai**: Library for generative AI capabilities

- **React Testing Library**: Utilities for testing React components

- **Web Vitals**: Library for tracking web performance metrics

## Screenshots

### Light Mode

![Light Mode Screenshot](/public/light.png)

### Dark Mode

![Dark Mode Screenshot](/public/dark.png)

## Getting Started

1. Clone the repository

2. Navigate to the project directory:

cd AIChatbot-ReactJS

3. Install dependencies:

npm install

4. Start the development server:

npm start

## Usage

Once the development server is running, navigate to http://localhost:3000 in your web browser. You'll see the chat interface where you can interact with the AI chatbot.

## Contributing

Contributions are welcome! Please feel free to submit pull requests or issues.