This is my Individual Project
Check the LIVE hosted website here or check screenshots below.
Shop.com is an online Shopping website where you can order different categories of food effortlessly. You can filter the food items by category. You can add the food items in your cart and wishlist. Finally proceed to checkout to get your order delivered.
https://github.com/vinayak2882/Shop.com/
This project is built by Individual in 5 days as a construct week project at Masai School.
Home Page
: use same images exactly looking as original website.Sign-Up Page
: User details validated directly from local stroage.Sign-In Page
: User authentication to check whether user email and password match with details existing in the local storage.Product Page
: Different types of Products' details fetched from a RestAPI and displayed under different categories. Add to cart, quantity increment and decrement options, remove items from cart and favorite options, etc are included.Cart Page
: User can see or remove Products items added in the cart.Wishlist Page
: Users can add or remove Products items to the wishlist.Checkout Page
: Users can add the delivery addressPayment Page
: debit and credit card payment option. Users can add their payment details and also avail for discount.Order Successful Page
: After successul payment user redirected to Order successful page.Additional Features
: Kept the Products items, fonts, colors and favicon and titles consistent throughtout the whole site to give a feel like the original site.
First you have to have to go to the signup page and create a new account. After signup, you have to login with the same details. On successful login, you will be redirected to landing page. You can visit the product page where you can find Products listed under different categories. You can add Items to your cart and proceed to the checkout page where you will be required to add few details of yourself. Finally you need to proceed to payment page to add your debit/credit card detials to place your order successfully.
HTML
CSS
JavaScript