A Piece of Glory Store Using Firebase

Personal Project: Serverless React E-Commerce Web App

page
Screenshot of the Figma plan for A Piece of Glory Store

Project Overview

This project is a full-stack web application developed for my Aunt's custom gifts business, A Piece of Glory. The application is an e-commerce platform built using React, TypeScript, and Firebase, designed to demonstrate both front-end and cloud-based back-end skills.

The app allows users to browse products, customize orders, and submit them through a dynamic and responsive interface build in React with Vite. On the back-end, I leveraged Firebase's suite of services, like Firestore (a NoSQL cloud database) for real-time product management and Firebase Hosting for deployment. This eliminated the need for a traditional server while maintaining full CRUD functionality.

The project emphasizes full-stack architecture, real-time data synchronization, and separation of concerns. I built an admin panel for managing product listings, implemented a featured products system synced to the home page, and integrated a cart and customization workflow with order submission through Google Sheets. The application uses hash-based SPA routing, TypeScript throughout, and a modular component structure.

Overall, this project strengthened my understanding of how front-end interfaces integrate with cloud back-end services in real-world business context. It showcases my ability to build scalable, database-driven applications using industry-standard technologies like React, TypeScript, and Firebase.

Home Page Mobile Home Page Desktop
Screenshots of A Piece of Glory Store on mobile and desktop devices
Admin Panel
Screenshot of the Admin Panel for A Piece of Glory Store

Skills Used

← previous project next project →