Files
dioxus/example-projects/ecommerce-site
Evan AlmloffandJonathan Kelley 519ec9d294 Move the document trait into a separate crate (#3035)
* add a default head method through eval
* remove the old document trait
* implement document for each platform
* pull out document into a dedicated crate to cut down on shared dependencies
---------

Co-authored-by: Jonathan Kelley <jkelleyrtp@gmail.com>
2024-10-14 10:33:37 -07:00
..

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