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

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