https://github.com/stevej2608/reactpy-dashboard
Python/ReactPy based clone of the the beautiful Themesberg tailwind-dashboard
https://github.com/stevej2608/reactpy-dashboard
dashboard python reactpy
Last synced: 4 days ago
JSON representation
Python/ReactPy based clone of the the beautiful Themesberg tailwind-dashboard
- Host: GitHub
- URL: https://github.com/stevej2608/reactpy-dashboard
- Owner: stevej2608
- Created: 2024-04-29T14:08:15.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-01-15T08:54:19.000Z (about 1 year ago)
- Last Synced: 2025-12-26T23:59:33.801Z (25 days ago)
- Topics: dashboard, python, reactpy
- Language: Python
- Homepage:
- Size: 1.32 MB
- Stars: 18
- Watchers: 2
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## reactpy-dashboard
This project is a port of the Themesberg [tailwind-dashboard-windster] project to [reactpy].
poetry install --no-root
python app_main.py
python run_dashboard.py
python usage.py runserver --port 8000
uvicorn fast_app:app --port 8000
### DONE/TODO
- [X] Tailwind CSS
- [X] Fix composite icons
- [X] Create a modular forms solution
- [X] Apex chart support
- [X] Table pagination/search/sort
- [X] GitHub Stars Button
- [X] Dark/Light mode switch
- [X] Update browser address bar on page/parameter change
- [X] Work out how to access client-side storage
- [X] Stop the crazy python stack dump when the a user leaves the site.
- [ ] CRUD operations on tables (inc multi-record delete)
- [ ] Figure out why my pytest tests need *@pytest.mark.anyio* but the ReactPy pytest tests don't
## Testing
playwright install
pytest
pytest --headed
## Tailwind CSS
During development [tailwindcss play] is used. Tailwind play generates CSS rules
on the fly. They are accumulated, as pages are visited, into a custom
style tag. This process a fast and seamless.
You can, if neccecery, create a static CSS file containing all the
accumulated rules. To do this you need to copy the content of the tailwind play
style tag from a live browser session and dump it to file.
Chrome debug tools are used to dump the style tag to the file:
./static/css/tailwind-3.3.5.css
## Links
* [reactpy-crud]
[tailwindcss play]: https://tailwindcss.com/docs/installation/play-cdn
[reactpy-crud]: https://github.com/fazt/reactpy-crud
[reactpy-router@jonesst2608]: https://github.com/stevej2608/reactpy-router
[reactpy]: https://github.com/reactive-python/reactpy
[reactpy-router]: https://github.com/reactive-python/reactpy-router
[tailwind-dashboard-windster]: https://demo.themesberg.com/windster/