Skip to content

rust-basel/axum-dioxus-shopping-list

Repository files navigation

axum-dioxus-shopping-list

example project for axum 0.7 + dioxus 0.5 SPA

getting started

you need the dioxus-cli crate installed for its cargo wrapper dx, as well as cargo-make and the wasm32-unknown-unknown target.

cargo install dioxus-cli --locked
cargo install cargo-make
rustup target add wasm32-unknown-unknown

For styles, we use the tailwind and DaisyUI 'binary' so you need npm installed on your system and install the DaisyUI dep.

npm install

After that, if you are on mac or linux, you should be able to start run the stack in dev mode with

./run.sh

which is only a tiny wrapper around cargo-make

This launches three processes in parallel:

  • a dev mode with hot reloading for the frontend on port 8080
  • tailwind file watch and compilation
  • the backend on port 3000 with restart on file change (cargo watch)

Ctrl-C kills all three of these processes

Todo:

  • create items
  • list items
  • delete items: having an e.g. trash icon
  • fake user profile (to introduce routing)
  • have unique shopping lists - identifified with an uuid? (So each list is unique)
  • share those lists: e.g. (have a load input field, where you enter the uuid/key/tiny-url?)
  • When entering the page: decide to create a new list - or to load one
  • Use layout attr instead of wrapping component
  • Optional: SeaORM
  • Layout details
  • Rethink file structure
  • (modules)backend: database/handlers/models/
  • (modules)frontend: components/requests/...

About

example project for axum 0.7 + dioxus 0.5 SPA

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages