A modern and responsive e-commerce website built using HTML5, CSS3, Bootstrap 5, Vanilla JavaScript, and PHP.
ShopSphere was developed as a university Web Programming Course project. The project demonstrates a complete e-commerce shopping experience including product browsing, product details, wishlist management, shopping cart, user authentication, checkout, order processing, order history, and order cancellation.
Live Website:
https://shopspherebd.rf.gd
💻 GitHub Repository:
https://github.com/Taiyab2002/shopsphere
ShopSphere is designed as a modern online shopping platform where users can browse products, view product details, add products to their wishlist or shopping cart, complete checkout, and manage their orders.
The project combines a responsive front-end interface with PHP-based backend functionality and browser-based data storage to provide an interactive shopping experience.
- Modern responsive homepage
- Interactive hero section
- Featured products
- Brand section
- Promotional section
- Responsive navigation bar
- Light, Dark, and System theme options
- Product listing
- Product search
- Category filtering
- Price sorting
- Responsive product cards
- Product pagination
- Detailed product information
- Product image
- Product price
- Quantity selector
- Add to Cart
- Buy Now
- Related products
- Add products to wishlist
- Remove products from wishlist
- Wishlist counter
- Dedicated wishlist page
- Add products to cart
- Increase product quantity
- Decrease product quantity
- Remove individual products
- Clear cart
- Dynamic cart counter
- Automatic subtotal calculation
- Automatic total calculation
- User registration
- User login
- Logout functionality
- User profile
- Login-based order history
- Customer information form
- Billing information
- USD and BDT currency options
- Dynamic payment methods
- Delivery estimation
- Order summary
- Order placement
- Order confirmation page
- Generated order ID
- Customer information
- Payment method
- Order total
- My Orders page
- Order history
- Cancel Order functionality
- Bootstrap-based responsive design
- Font Awesome icons
- Toast notifications
- Page loader
- Scroll reveal animations
- Magnetic button effects
- Interactive hero animations
- Responsive layout
- HTML5
- CSS3
- Bootstrap 5
- JavaScript (ES6)
- Font Awesome
- PHP
- LocalStorage API
- XAMPP
- Apache
- Git
- GitHub
- Visual Studio Code
- InfinityFree
This project was developed by:
- Taiyab Ur Rahman
- Tusar Ray
ShopSphere
│
├── assets
│ ├── css
│ ├── images
│ └── js
│
├── backend
│ ├── config.php
│ ├── login.php
│ └── register.php
│
├── components
│ ├── footer.html
│ ├── navbar.html
│ └── toast.html
│
├── pages
│ ├── cart.html
│ ├── checkout.html
│ ├── login.html
│ ├── order-history.html
│ ├── order-success.html
│ ├── product.html
│ ├── profile.html
│ ├── register.html
│ ├── shop.html
│ └── wishlist.html
│
├── index.html
├── README.md
└── .gitignore
---
## License:
This project was created for educational and portfolio purposes.