How yuriidri/fazzyu works
FAZZYU Creations is a handmade-crafts storefront paired with a protected administration dashboard. Customers browse the home page, shop, product details, and gallery; the app also exposes custom-order and photobooth pages. Administrators sign in, then manage orders, inventory, and gallery content, with order changes reflected in the shop. Shared state is coordinated by AppDataContext: the sampled source shows Supabase order access and local persistence for selected state, while broader page-to-context wiring is based on the README. Unsampled page implementations are represented only at the documented capability level.
Main entry points: App.tsx Router and shells · AppDataContext.tsx App data context · ShopPage.tsx Product shop · GalleryPage.tsx Photo gallery
Components 24
Customer storefront
- Home and contact
src/app/pages/HomePage.tsx - Product shop
src/app/pages/ShopPage.tsx - Product details
src/app/pages/ItemPage.tsx - Photo gallery
src/app/pages/GalleryPage.tsx - Custom orders
src/app/pages/CustomOrderPage.tsx - Photobooth
src/app/pages/PhotoboothPage.tsx
Administration
- Admin login
src/app/pages/LoginPage.tsx - Admin navigation
src/app/layouts/AdminLayout.tsx - Dashboard
src/app/pages/admin/AdminDashboard.tsx - Order management
src/app/pages/admin/AdminAddEditPage.tsx - Order forms
src/app/pages/admin/AdminAddOrderPage.tsx - Order editing
src/app/pages/admin/AdminEditOrderPage.tsx - Customer order list
src/app/pages/admin/AdminOrderListPage.tsx - Inventory management
src/app/pages/admin/AdminInventoryPage.tsx - Inventory forms
src/app/pages/admin/AdminAddNewItemPage.tsx - Inventory editing
src/app/pages/admin/AdminEditItemPage.tsx - Gallery management
src/app/pages/admin/AdminGalleryPage.tsx
Shared state
- App data context
src/app/context/AppDataContext.tsx - Supabase
- Browser local storage
Application access
- Router and shells
src/app/App.tsx - Route protection
src/app/components/AuthGuard.tsx
Other components
- Customer
- Administrator
Connections 35
- Customer → Router and shells: opens pages
- Administrator → Router and shells: opens pages
- Router and shells → App data context: provides state
- Router and shells → Home and contact: routes to
- Router and shells → Product shop: routes to
- Router and shells → Product details: routes to
- Router and shells → Photo gallery: routes to
- Router and shells → Custom orders: routes to
- Router and shells → Photobooth: routes to
- Router and shells → Admin login: routes to
- Router and shells → Route protection: protects admin
- Route protection → Admin navigation: allows access
- Router and shells → Admin navigation: wraps admin
- Router and shells → Dashboard: routes to
- Router and shells → Order management: routes to
- Router and shells → Order forms: routes to
- Router and shells → Order editing: routes to
- Router and shells → Customer order list: routes to
- Router and shells → Inventory management: routes to
- Router and shells → Inventory forms: routes to
- Router and shells → Inventory editing: routes to
- Router and shells → Gallery management: routes to
- Product shop → App data context: reads orders
- Photo gallery → App data context: reads gallery
- Order management → App data context: manages orders
- Order forms → App data context: adds orders
- Order editing → App data context: edits orders
- Customer order list → App data context: reads orders
- Inventory management → App data context: reads inventory
- Inventory forms → App data context: adds items
- Inventory editing → App data context: edits items
- Gallery management → App data context: manages gallery
- App data context → Supabase: reads and writes orders
- App data context → Browser local storage: persists selected state
- Admin login → Browser local storage: stores token