Skip to content

Latest commit

 

History

History
68 lines (42 loc) · 1.92 KB

README.md

File metadata and controls

68 lines (42 loc) · 1.92 KB

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

  • Tailwind CSS
  • Fix composite icons
  • Create a modular forms solution
  • Apex chart support
  • Table pagination/search/sort
  • GitHub Stars Button
  • Dark/Light mode switch
  • Update browser address bar on page/parameter change
  • Work out how to access client-side storage
  • 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