Project Overview
A production-ready single-page application (SPA) for selling macadamia products. It includes a customer-facing storefront and an authenticated admin console for content editing and order/customer management.
Tech Stack
Frontend Mixed codebase (legacy class components and newer functional components with hooks), React Router v6 for client-side routing, React-Bootstrap for UI components, Sass for stylingState management Redux for global app state (catalog, cart, content, images)BackendAuth (FirebaseUI) for admin sign-in.Firebase Realtime Database for orders, customers, and editable content.Firebase Hosting for deploying the SPA.Features
Inline CMS: Admin can edit page sections and images in place (render props Editable/EditableImage components) with updates persisted to Firebase.Grant admin script to grant admin role from terminal console.Order and Customer Management: Create order from client, admin dashboard lists order and customer inquiries.Storefront: Product catalogue with size/price variants, smooth-scroll sections, cart add-to-toast feedback.
