EStore is a fully functional, full-stack e-commerce web application built with modern web technologies. It demonstrates core e-commerce functionalities including user authentication, product browsing, shopping cart management, and a seamless checkout flow, all powered by Firebase.
🔗Demo: Estore.app
- 🔥 Firebase Authentication: Secure user sign-up and login.
- 📦 Product Management: Display products fetched from Firestore database.
- 🔍 Filtering & Search: Filter products by category
- 🛒 Shopping Cart: Add/remove items, adjust quantities, and see a persistent cart total.
- 👤 User Profile: User-specific order history and data management.
- 📱 Fully Responsive: Optimized for desktop, tablet, and mobile devices.
- Image Slider: React Swiper
This project was built using the following technologies:
- Frontend Library: React
- Backend-as-a-Service: Firebase
- Authentication: Firebase Auth
- Database: Cloud Firestore
- Hosting: Firebase Hosting
- Styling: [CSS3]
- State Management: React Context API for global state (e.g., cart, user auth).
- Routing: React Router DOM for navigation.
- Deployment: Firebase Hosting
Follow these steps to set up the project locally on your machine.
- Node.js (v14 or higher) and npm installed.
- A Firebase project setup.
-
Clone the repository:
git clone https://github.com/your-username/estore-ecommerce.git cd estore-ecommerce -
Install dependencies:
npm install
-
Set up Firebase:
- Create a new project in the Firebase Console.
- Enable Authentication (using Email/Password).
- Create a Firestore Database.
- Add your web app to the project and get your Firebase config object.
-
Run the development server:
npm start
The app will open in your browser on
http://localhost:3000.
