Web interactive chatbot

The chatbot aims to simulate natural conversations with users, offering information and assistance related to topics such as loans and general assistance. Through a friendly interface, users can exchange messages with the chatbot, ask questions, get answers and even perform actions such as downloading conversation history in CSV format.

Features

Ask questions and get answers
Download chat history in CSV format

Technologies used

React - JavaScript library for creating user interfaces
Next.js - A React framework with hybrid static & server rendering, and route pre-fetching, etc
Tailwind CSS - CSS framework
Shadcn/ui - Re-usable components built using Radix UI and Tailwind CSS

Run locally

Clone the project

git clone https://github.com/lucas-da-silva/react-chatbot.git

Go to project directory

cd react-chatbot

Install the dependencies

npm install

Start the server

npm run dev

Project structure

$PROJECT_ROOT
└── src
    ├── app        # Pages components
    ├── components # UI components
    ├── lib        # Utils functions
    └── provider   # React Context API