Skip to content

Rhode01/AIchatbot-with-transformersJs-in-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Getting Started with TransformersJS with React App

This project was created using create-react-app, a popular tool for building React applications. The project is called AI Chat in Browser using TransformerJS, and it demonstrates the use of TransformerJS for text-to-text generation.

Dependencies

To use this project, you need to install the following dependencies: transformersJS from xenova/transformers: This library provides the TransformerJS functionality used in the project.

npm i @xenova/transformer

Model Used

The project uses a lightweight model called "Xenova/blenderbot-400M-distill" for text-to-text generation. This model is not as advanced as other models available, but it is sufficient for demonstrating the basic functionality of the project.

How to Use

To use the project, follow these steps:

  • Clone the repository to your local machine.
  • Install the dependencies by running npm install in the project directory.
  • Start the application by running npm start.
  • Open a web browser and navigate to http://localhost:3000 to access the chat interface. Type a message in the input field and press the Send button to see the response from the AI model.

Features

  • Real-time text-to-text generation using TransformerJS
  • Lightweight model for fast response times
  • User-friendly chat interface

Limitations

The model used is not advanced, and the responses may not be as accurate as expected. The project is for demonstration purposes only and should not be used for production-level applications.

Future Development

Integrate more advanced models for better response accuracy Add more features to the chat interface, such as user authentication and conversation history Optimize the application for better performance and scalability

Conclusion

This project demonstrates the use of TransformerJS for text-to-text generation in a React application. It provides a basic chat interface for users to interact with the AI model and can be used as a starting point for more advanced projects.