Daniel Emod Kovacs 4276b9b23e feat: update examples to tailwind v4 (#3943) vor 4 Wochen
..
public 4276b9b23e feat: update examples to tailwind v4 (#3943) vor 4 Wochen
src 4276b9b23e feat: update examples to tailwind v4 (#3943) vor 4 Wochen
.gitignore 983fcfc616 Chore: hoist example projects for discoverability (#2959) vor 9 Monaten
Cargo.toml 09066dd334 Don't publish example projects vor 8 Monaten
README.md 4276b9b23e feat: update examples to tailwind v4 (#3943) vor 4 Wochen
demo.png 983fcfc616 Chore: hoist example projects for discoverability (#2959) vor 9 Monaten
tailwind.css 4276b9b23e feat: update examples to tailwind v4 (#3943) vor 4 Wochen

README.md

Dioxus Example: An e-commerce site using the FakeStoreAPI

This example app is a fullstack web application leveraging the FakeStoreAPI and Tailwind CSS.

Demo Image

Development

  1. Run the following commands to serve the application:

    dx serve
    

Note that in Dioxus 0.7, the Tailwind watcher is initialized automatically if a tailwind.css file is find in your app's root.

Status

This is a work in progress. The following features are currently implemented:

  • A homepage with a list of products dynamically fetched from the FakeStoreAPI (rendered using SSR)
  • A product detail page with details about a product (rendered using LiveView)
  • A cart page
  • A checkout page
  • A login page