Spaces:
Running
Running
| title: React Chatbot Test | |
| emoji: 🐠 | |
| colorFrom: indigo | |
| colorTo: red | |
| sdk: static | |
| pinned: false | |
| app_build_command: npm run build | |
| app_file: build/index.html | |
| license: mit | |
| short_description: Test static sdk react template | |
| hf_oauth: true | |
| hf_oauth_scopes: | |
| - inference-api | |
| # A Chatbot built with React | |
| This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). | |
| ## Features | |
| - Support OAuth login to Hugging Face. | |
| - Support tuning system prompt and parameters: temperature, top_p, max_tokens. | |
| - Support typing animation, loading animation, and error handling. | |
| - Support UI to send user input and get response of the chatbot. | |
| - Keep user input and response in chat history. | |
| ## Usage | |
| ### Create OAuth App | |
| Create an OAuth app at [Connected Applications](https://huggingface.co/settings/connected-applications) to support OAuth login.\ | |
| Refer to the description of [Sign in with Hugging Face](https://huggingface.co/docs/hub/oauth) | |
| ### Development mode | |
| - `npm start` | |
| Runs the app in the development mode.\ | |
| Open [http://localhost:3000](http://localhost:3000) to view it in your browser. | |
| The page will reload when you make changes.\ | |
| You may also see any lint errors in the console. | |
| ### Production mode | |
| - `npm run build` | |
| - `npx serve -s build` | |
| Builds the app for production to the `build` folder.\ | |
| It correctly bundles React in production mode and optimizes the build for the best performance. | |
| The build is minified and the filenames include the hashes.\ | |
| Your app is ready to be deployed! | |
| See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. | |