Evan Almloff 20d146d9bd Simplify the launch builder (#2967) 8 bulan lalu
..
public 983fcfc616 Chore: hoist example projects for discoverability (#2959) 9 bulan lalu
src 20d146d9bd Simplify the launch builder (#2967) 8 bulan lalu
.gitignore 983fcfc616 Chore: hoist example projects for discoverability (#2959) 9 bulan lalu
Cargo.toml 3fb1f739d1 Simplify cli-config, hotreload -> devtools (drop to 0 deps, fast compile times) (#2975) 9 bulan lalu
README.md 983fcfc616 Chore: hoist example projects for discoverability (#2959) 9 bulan lalu
demo.png 983fcfc616 Chore: hoist example projects for discoverability (#2959) 9 bulan lalu
input.css 983fcfc616 Chore: hoist example projects for discoverability (#2959) 9 bulan lalu
tailwind.config.js 983fcfc616 Chore: hoist example projects for discoverability (#2959) 9 bulan lalu

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 (see the tailwind example in the main Dioxus repo for more detailed information about setting up tailwind):

    npx tailwindcss -i ./input.css -o ./public/tailwind.css --watch
    dx serve
    

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