A simple E-Commerce website built with Vanilla JavaScript, HTML5, and CSS3. Integrated with Firebase Realtime Database for storing products and orders. Includes an Admin Dashboard to manage products and monitor orders in real time, while users can browse, add to cart, and checkout.
This project is a Bookstore Website — it showcases books, allows users to add them to the cart, update quantities, and see the total cost.
The cart and theme (Light/Dark) are saved in the browser using localStorage so they remain consistent across pages.
Firebase is used to store and manage data, including user orders and authentication.
- 🛍️ Display books with cover image, title, author, and price.
- ➕ Add to cart, update quantity, or remove items.
- 🧮 Automatic total calculation after any change (add / delete / update).
- 💾 Persistent cart and theme using localStorage (cart and theme remain after page reloads or navigation).
- 🌓 Dark/Light mode toggle.
- 📱 Responsive design that works across devices.
- 🔐 Firebase Authentication and Firestore for user data and orders.
project-root/
├───login/
│ login.html
│ login.js
│ signOut.html
│ signOut.js
│
│ admin-categories.html
│ admin-categories.js
│ admin-orders.html
│ admin-products.html
│ admin-products.js
│ Admin_Dashbord.html
│ cart.html
│ darkMode.css
│ firebase-config.js
│ index.html
│ lightMode.css
│ README.md
│ Register.html
│ theme.js
│ user_orders.html
│ User_Product.html
| Name | GitHub Link |
|---|---|
| Mohamed Shaban | Mohamedshaban1907 |
| Mostafa Gaffer | Mostafagaffer00 |
| Amro Mohamed | FlutterAdorable |
| Mina Hany | Mina-Hany |
| Hesham Ahmed | heshamAsayed |