YUMBRIX — The E-Commerce Platform I Built from Scratch (And Why It’s for Sale)

👋 Introduction

Hello! I’m excited to share a project I’ve been working on — a complete e-commerce website called YUMBRIX, built from scratch using HTML, CSS, JavaScript, and Firebase.

This isn’t just a static frontend — it includes a functional admin dashboard, secure login, and newsletter subscription — all powered by Firebase. It’s mobile responsive, scalable, and ready for deployment.

🎯 What I Wanted to Build

I set out to create a clean, customizable e-commerce store where:

• 🛍️ Users can browse products by categories like Fashion, Electronics, and Beauty & Health

• 🧑‍💼 Admins can securely log in to add, edit, or delete products via a dashboard

• 📨 Visitors can subscribe to a newsletter, stored in Firebase

• 🚀 Everything would be scalable and client-ready — resellable or easily customized for business needs.

🛠️ Tech Stack

• 🔹 HTML: For structuring 8+ clean, semantic pages

• 🔹 CSS: For layout, responsiveness, and modern UI styling

• 🔹 JavaScript (Vanilla): For all dynamic functionality

• 🔹 Firebase:

• Authentication (Admin Login)

• Firestore for product data & newsletter storage

• Hosting for live deployment

• 🔹 GitHub: Version control

• 🔹 Google Analytics: Traffic & user behavior tracking

• 🟢 Tawk.to — For live chat integration and real-time support

💡 No frameworks. No CMS. Just clean, scalable web dev — powered by Firebase as the backend.

⚠️ Major Challenges I Faced

• 🖼️ Image Uploads: Handling product image inputs and storing them properly using base64 or Firebase storage

• 🔁 Data Sync: Keeping Firebase product data and the UI state fully in sync on updates or deletes

• 🔒 Admin Login: Setting up a secure login flow with session protection using Firebase Auth

• 📧 Newsletter Storage: Capturing and storing emails from the front-end into Firebase

• 📊 Analytics Integration: Coordinating Google Analytics with Firebase Hosting

📚 What I Learned

• ✅ How to simulate and scale backend-like behavior using Firebase

• ✅ Structuring real-world e-commerce systems from scratch

• ✅ Implementing auth, data storage, and real-time sync with Firebase

• ✅ Writing cleaner state management in plain JavaScript

• ✅ Designing not just for UI — but for usability, business value, and client needs

💬 I also integrated Tawk.to live chat, allowing store owners or admins to communicate with visitors in real time, answer sales questions, or provide support — directly from their phones or dashboard.

🔁 What I’d Do Differently

• 🧾 Add customer order tracking, receipts, and purchase history

• 👥 Introduce user roles in the admin dashboard

• 🛒 Checkout system is already built and structured to support Paystack/Firebase payment integration

🌐 Live Website

👉 Explore the live project:

https://senzyenterprises.github.io/yumbrix/

📞 Interested in owning the source code? Want it customized for your products or brand?

Contact me directly:

🔗 https://wa.me/2347078693662

📩 senzyenterprises01@gmail.com

💡 Final Words

Building YUMBRIX wasn’t just a fun challenge, it was a shift from building for the sake of learning to building for real use cases and business value.

It’s now available for demo, sale, or collaboration — and I’d love to customize it for anyone ready to launch their online store.

Thank you for reading! Feel free to connect, give feedback, or even clone the idea for your own learning.