MACCA VAN PHUC

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 styling

• State management Redux for global app state (catalog, cart, content, images)

• Backend

• Auth (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.