https://github.com/sitamgithub-msit/qwen-web

Qwen2.5 Instruct, large language model, operates within web browsers via 🤗 Transformers.js and ONNX Runtime Web.
https://github.com/sitamgithub-msit/qwen-web

javascript onnx qwen2-5 react tailwindcss transformers transformersjs vercel-deployment vite webgpu

Last synced: 7 months ago
JSON representation

Qwen2.5 Instruct, large language model, operates within web browsers via 🤗 Transformers.js and ONNX Runtime Web.

• Host: GitHub
• URL: https://github.com/sitamgithub-msit/qwen-web
• Owner: sitamgithub-MSIT
• License: mit
• Created: 2024-12-19T09:53:35.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-19T15:22:57.000Z (about 1 year ago)
• Last Synced: 2025-02-17T08:19:19.509Z (12 months ago)
• Topics: javascript, onnx, qwen2-5, react, tailwindcss, transformers, transformersjs, vercel-deployment, vite, webgpu
• Language: JavaScript
• Homepage: https://qwen-web.vercel.app
• Size: 308 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Qwen Web

This is a simple web app that demonstrates how to use the [Qwen2.5 Instruct](https://huggingface.co/onnx-community/Qwen2.5-0.5B-Instruct) model in the browser using [Transformers.js](https://huggingface.co/docs/transformers.js) and ONNX Runtime Web. The application allows users to chat with the Qwen2.5 Instruct model and receive real-time responses.

## Project Structure

The project is structured as follows:

- `assets/`: This directory contains screenshots of the end application.

- `public/`: Static assets like images, icons, and fonts.

- `src/`: Core source code for the application.

  - `components/`: Reusable React components for the application.

    - `icons/`: Icon components for the application.

      - `ArrowRightIcon.jsx`: Arrow right icon component.

      - `BotIcon.jsx`: Bot icon component.

      - `StopIcon.jsx`: Stop icon component.

      - `UserIcon.jsx`: User icon component.

    - `Chat.jsx`: Chat component for displaying chat messages.

    - `Progress.jsx`: Progress component for displaying progress bar.

  - `styles/`: CSS files for styling the application.

    - `index.css`: Global CSS styles for the application.

    - `Chat.css`: CSS styles for the chat interface.

  - `worker.js`: Transformers.js worker for running the Qwen model.

  - `App.jsx`: Main React component for the application.

  - `main.jsx`: Entry point for the application.

- `.gitignore`: Specifies which files and directories should be ignored by Git.

- `LICENSE`: Project licensing information.

- `README.md`: Project documentation and setup instructions.

- `index.html`: Main HTML file for the application.

- `package.json`: Project dependencies and script configuration.

- `tailwind.config.js`: Tailwind CSS configuration file.

- `vite.config.js`: Vite configuration file for the project.

## Technologies Used

- **HTML**: Standard markup language for creating web pages.

- **Tailwind CSS**: Utility-first CSS framework for styling web applications.

- **JavaScript**: High-level programming language for building web applications.

- **React**: JavaScript library for building user interfaces.

- **Transformers.js**: JavaScript library for running Hugging Face models in the browser.

## Getting Started

To get started with this project, follow the steps below:

1. Clone the repository: `git clone https://github.com/sitamgithub-MSIT/qwen-web.git`

2. Change the directory: `cd qwen-web`

3. Install the required dependencies: `npm install`

4. Run the application: `npm run dev`

Open your local host to view the web application in your browser at `http://localhost:5173/`. You can also access a live version of the application [here](https://qwen-web.vercel.app/), which is deployed on Vercel.

## Results

The application allows users to chat with Qwen2.5 Instruct, a large language model, that operates within web browsers via 🤗 Transformers.js and ONNX Runtime Web.

**Note**: To see results, please refer to the `assets` folder in the repository.

## Contributing

Contributions are welcome! If you would like to contribute to this project, please raise an issue to discuss the changes you would like to make. Once the changes are approved, you can create a pull request.

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.

## Contact

If you have any questions or suggestions regarding the project, feel free to reach out to me on my GitHub profile.

Happy coding! 🚀