1
0
Jonathan Kelley 4d3d55a7a3 CLI self-updater, warn on version mismatch, direct install.sh option, androidmanifest and info.plist customization, bump to 0.7-alpha.0 (#4095) 1 сар өмнө
..
public 983fcfc616 Chore: hoist example projects for discoverability (#2959) 9 сар өмнө
src ba4389567d Deprecate relative asset paths, better warnings for asset!() (#3214) 7 сар өмнө
.gitignore 983fcfc616 Chore: hoist example projects for discoverability (#2959) 9 сар өмнө
Cargo.toml 09066dd334 Don't publish example projects 8 сар өмнө
README.md 4d3d55a7a3 CLI self-updater, warn on version mismatch, direct install.sh option, androidmanifest and info.plist customization, bump to 0.7-alpha.0 (#4095) 1 сар өмнө
demo.png 983fcfc616 Chore: hoist example projects for discoverability (#2959) 9 сар өмнө
tailwind.config.js 983fcfc616 Chore: hoist example projects for discoverability (#2959) 9 сар өмнө
tailwind.css 4d3d55a7a3 CLI self-updater, warn on version mismatch, direct install.sh option, androidmanifest and info.plist customization, bump to 0.7-alpha.0 (#4095) 1 сар өмнө

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 ./tailwind.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