A complete custom UI-based e-commerce project made with react. I named it "estore.com" just a dummy name. Developed this project during my internship period at Nisum, Karachi. It was fun working with react component-based web apps and core javascript. It's a complete e-commerce project that has all features an e-commerce website must have. Like adding products to the cart, product detail view, cart items quantity, product category, product sorting, checkout, search item, and more. Further details are mentioned below.
Please use a laptop/PC to see live demo - The project is not responsive yet. Thank You.
- Click link to view live demo: https://waqar-ahmed51.github.io/React-Project-e-commerce-app-estore.com/
- Project Video Demo
estore-com.mp4
This project's details and features are given below:
- Custom UI (every component is made with styled component CSS).
- Focused/Unique design UI look.
- Material UI Icons used.
- Search option, the user can search for the product.
- Register Page, register user functionality with proper form validation.
- Sign-in Page, user sign-in functionality with proper sign-in form validation.
- Good looking full-screen slider with custom colors in the background.
- Product Category, custom-made product categories view with beautiful transitions.
- Popular Product, shows the popular product on the home page.
- Navbar, Footer, Header, and Footer.
- Product Details View Page, the user can check the product details.
- Add to Cart, user can add a product to the cart.
- Cart fully functional, user can increase or decrease the quantity of the product, delete the product, and more.
- Checkout fully functional, shipping details, and total cost details.
- Restfull API
- Dummy JSON API, and more, visit link or watch project video demo.
- Home Page View
Please Note:
- The web is not responsive (will add responsive media queries later).
- Images used in the project may be subject to copyright, I used them for learning propose.
- You may find some bugs in some functionalities, I developed this project to practice on react so few bugs can be ignored.