Mirrors/dioxus
2
0
Fork 0
mirror of https://github.com/DioxusLabs/dioxus synced 2024-11-10 06:34:20 +00:00
Code Issues Projects Releases Packages Wiki Activity
dioxus/example-projects/ecommerce-site
History
Jonathan Kelley 3fb1f739d1
Simplify cli-config, hotreload -> devtools (drop to 0 deps, fast compile times) (#2975) 
* simplify cli-config crate
* clean up configs
* add devtools crate, update cargo imports
* fix serve addr, fix websocket proxy issue
* add comment about opt profiles
* rename hot-reload to devtools
2024-09-17 17:18:23 -07:00
..
public Chore: hoist example projects for discoverability (#2959) 2024-09-16 09:11:33 -05:00
src Simplify cli-config, hotreload -> devtools (drop to 0 deps, fast compile times) (#2975) 2024-09-17 17:18:23 -07:00
.gitignore Chore: hoist example projects for discoverability (#2959) 2024-09-16 09:11:33 -05:00
Cargo.toml Simplify cli-config, hotreload -> devtools (drop to 0 deps, fast compile times) (#2975) 2024-09-17 17:18:23 -07:00
demo.png Chore: hoist example projects for discoverability (#2959) 2024-09-16 09:11:33 -05:00
input.css Chore: hoist example projects for discoverability (#2959) 2024-09-16 09:11:33 -05:00
README.md Chore: hoist example projects for discoverability (#2959) 2024-09-16 09:11:33 -05:00
tailwind.config.js Chore: hoist example projects for discoverability (#2959) 2024-09-16 09:11:33 -05:00

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