01 Overview
WOODEN – Furniture E-Commerce
A full-stack furniture e-commerce application built with React and Firebase. It features authentication, product management, shopping cart, secure checkout, and order history while providing hands-on experience with real-world application architecture.
02 Tech Stack
03 Why these technologies
// React
Built a scalable, component-based UI.
// Firebase Authentication
Handled secure user authentication.
// Cloud Firestore
Stored products, users, and orders.
// Firebase
Provided backend services and cloud infrastructure.
04 Problems I faced
State Management
Managing shared state across multiple components became difficult as the application grew.
Order & Payment Flow
Designing a complete checkout process and integrating online payments was challenging.
Dashboard Architecture
Structuring separate layouts for users and admins required reorganizing the project.
05 How I solved them
Context API
Centralized global state to reduce prop drilling.
Stripe Integration
Implemented Stripe to support secure payment processing.
Layout Refactoring
Separated dashboard layouts into a more scalable project structure.
06 Frontend vs Backend
// frontend
Authentication
Product catalog
Search & filtering
Product details
Shopping cart
Checkout
User dashboard
Order history
Responsive UI
// backend
Firebase Authentication
Cloud Firestore
Product & order management
Payment integration
Protected routes
CRUD operations