An open API service indexing awesome lists of open source software.

https://github.com/joeldeondsouza/ai_frontend_v1

This is a React client for the Unus AI, The Dataset's Current Theme Is Humor & Jokes.
https://github.com/joeldeondsouza/ai_frontend_v1

aimodel ann javascript node-nlp react typescript

Last synced: about 1 month ago
JSON representation

This is a React client for the Unus AI, The Dataset's Current Theme Is Humor & Jokes.

Awesome Lists containing this project

README

          

# React app (Unus AI)

This is a React client for the Unus AI, which allows you to interact with the AI and get responses to your queries. The client is built using React and Axios for making API requests to the backend data server.

## Backend
- node-nlp

## Screenshots
![App Screenshot](https://i.ibb.co/qNHWQMg/Screenshot-2023-10-01-at-2-59-53-PM.png)

![App Screenshot](https://i.ibb.co/ypmN8rn/Screenshot-2023-10-01-at-2-59-41-PM.png)

Mobile View | Mobile View 2
:-------------------------:|:-------------------------:
![Home](https://i.ibb.co/LNL30hM/Screenshot-2023-10-01-at-3-00-08-PM.png) | ![Home2](https://i.ibb.co/28tMBzS/Screenshot-2023-10-01-at-3-00-26-PM.png)

## Installation
Go to the project directory

```bash
https://github.com/JoelDeonDsouza/AI_Frontend_V1.git
```

```bash
cd my-project
```

Install dependencies

```bash
npm install
```

## How to Use

- Enter your query in the input field labeled "Start Searching."

- Click the "Search" button to send your query to the Unus AI.

- The response from the AI will be displayed in the text tab below. If the AI is still processing your request, a loading spinner will be shown.

- You can clear the input and response by clicking the "Search" button.

## Features

- Real-time chat interaction with the Unus AI.
- Loading spinner while waiting for a response.
- Clear button to reset the input and response.

## Dependencies

- React: A JavaScript library for building user interfaces.
- Axios: A popular HTTP client for making API requests.
- Typewriter Effect: A library for creating typewriter-like text animations.
- React Loading: A library for adding loading spinners to React components.