Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/santoshshinde2012/streamlit-crop-disease-risk-prediction
This application predicts the risk of crop disease based on the entered crop details.
https://github.com/santoshshinde2012/streamlit-crop-disease-risk-prediction
data-science machine-learning plotly plotlyjs python reactjs streamlit
Last synced: 3 months ago
JSON representation
This application predicts the risk of crop disease based on the entered crop details.
- Host: GitHub
- URL: https://github.com/santoshshinde2012/streamlit-crop-disease-risk-prediction
- Owner: santoshshinde2012
- Created: 2024-08-03T09:45:05.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2024-08-29T06:09:16.000Z (5 months ago)
- Last Synced: 2024-10-11T20:19:00.966Z (4 months ago)
- Topics: data-science, machine-learning, plotly, plotlyjs, python, reactjs, streamlit
- Language: Python
- Homepage: https://medium.com/@santosh-shinde/getting-started-with-streamlit-and-custom-streamlit-components-491bd197cd9f
- Size: 3.83 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📦 [Streamlit Crop Disease Risk Prediction App](https://crop-disease-risk-prediction.streamlit.app/)
Streamlit is a powerful tool for creating interactive web applications using Python. However, there are times when the built-in components may not meet your specific needs. In such cases, you can create custom components using modern front-end technologies like Vite, React, and TypeScript. This guide will walk you through the process of setting up a custom component for your Streamlit app, enabling a seamless integration of sophisticated front-end features with the simplicity of Python.
## How to run locally
1. Make sure to install required python packages
```
pip install -r requirements.txt
```
2. Make sure to install all required npm packages in frontend project
```
cd streamlit-app/rbutton/frontend
npm install
```
3. If you want to run application dev mode update `.env` file
```
DEV_MODE=true
// this path is for your running frontend application
FRONTEND_HOST=http://localhost:5173
```
4. If you want to run production build
```
cd streamlit-app/rbutton/frontend
npm run build
```
## Demo App
[](https://crop-disease-risk-prediction.streamlit.app/)
## Project Structure
````
streamlit-app/
├── streamlit_app.py
├── .env
├── requirements.txt
├── components/
│ ├── __init__.py
│ ├── chart/
│ │ ├── dist/
│ │ │ ├── index.html
│ │ │ ├── assets
│ │ │ │ ├── index.js
│ │ │ │ └── index.css
│ │ ├── src/
│ │ │ ├── App.tsx
│ │ │ ├── assets
│ │ │ │ └── ...
│ │ │ ├── components
│ │ │ │ └── ...
│ │ │ └── ...
│ │ ├── package.json
│ │ └── vite.config.ts
````
## Further Reading
- [30 Days of Streamlit](https://30days.streamlit.app/)
- [How to build your own Streamlit component](https://blog.streamlit.io/how-to-build-your-own-streamlit-component/)
- [Understanding Streamlit's client-server architecture](https://docs.streamlit.io/develop/concepts/architecture/architecture)
- [Wiki](https://github.com/streamlit/streamlit/wiki)
## Tutorials
- [Getting Started with Streamlit and Custom Streamlit Components](https://medium.com/@santosh-shinde/getting-started-with-streamlit-and-custom-streamlit-components-491bd197cd9f)
### Connect with me on
