Welcome to ShopEase, a powerful and user-friendly e-commerce platform designed for seamless shopping. Built using HTML, CSS, Bootstrap, JavaScript, and Firebase, ShopEase provides a smooth, responsive, and secure experience for users.
🚀 Live Demo: https://shopeasywebsite1.netlify.app/
✨ Features
🎨 User Interface & Experience
✅ Modern & Responsive Design – Works flawlessly on all devices.
✅ Dark Mode Support – Enhanced accessibility for a better browsing experience..
✅ Smooth Navigation – Clean UI with an intuitive layout..
🔐 Authentication & Security
✅ Firebase Authentication – Secure login & registration (Email/Password)..
✅ Real-Time User Management – Firebase Firestore stores user data securely..
🛒 E-Commerce Functionalities
✅ Product Listings – Fetch and display products dynamically..
✅ Shopping Cart System – Add, remove, and update items in real-time..
✅ Order Management – User orders stored and processed securely..
🔥 Backend & Database
✅ Firebase Firestore – Scalable NoSQL database for managing users, products, and orders..
✅ Efficient CRUD Operations – Seamless interaction with Firestore using JavaScript..
🛠 Tech Stack
HTML & CSS – Provides the structure and styling..
Bootstrap – Ensures a responsive, mobile-friendly UI..
JavaScript – Adds interactivity and functionality..
Firebase Authentication – Handles secure user authentication..
🚀 Getting Started
🔧 Prerequisites
Install Node.js (if using Firebase CLI).
Create a Firebase project at Firebase Console.
📥 Setup Instructions
Clone the repository:
git clone https://github.com/AbdulRehmanBaig384/ShopEase-Store cd ShopEase
Set up Firebase:
Go to Firebase Console and create a new project.
Enable Authentication (Email/Password).
Enable Firestore Database and create necessary collections (users, products, orders).
Retrieve Firebase configuration from Project Settings.
Update firebase-config.js with your Firebase credentials.
Run the project:
Open index.html in your browser.
OR use Live Server in VS Code for a better experience.
📂 Project Structure
ShopEase/ │── index.html # Main landing page │── style.css # Custom styles for the website │── script.js # JavaScript for interactivity │── firebase-config.js # Firebase configuration settings │ ├── assets/ # Stores images, icons, and other assets │ ├── images/ # Product and UI images │ ├── icons/ # Icons used in the project │ ├── components/ # Reusable UI components │ ├── navbar.html # Navigation bar │ ├── footer.html # Footer section │ ├── product-card.html # Product card component │ ├── pages/ # Additional website pages │ ├── login.html # User login page │ ├── register.html # User registration page │ ├── cart.html # Shopping cart page │ ├── checkout.html # Checkout page │ ├── profile.html # User profile page │ ├── database/ # Firebase database scripts │ ├── auth.js # Handles user authentication │ ├── firestore.js # Manages Firestore operations │ ├── README.md # Project documentation └── LICENSE # License file
🎯 Future Enhancements
🚀 Planned Features:
✅ Payment Integration – Support for PayPal, Stripe, etc.
✅ Wishlist Feature – Users can save favorite products.
✅ Admin Dashboard – Manage products, users, and orders efficiently.
✅ Order Tracking System – Live tracking with Firebase functions.
🤝 Contributing
Want to improve ShopEase? Follow these steps:
-
Fork this repository.
-
Create a new branch (feature-branch).
-
Commit your changes.
-
Submit a Pull Request.
Your contributions are welcome and appreciated! 💙