ITI-JS-E-Commerce

An E-Commerce website developed by 5 ITI students Using:
HTML5 , CSS3 , JQuery , Bootstrap5, JavaScript and OOP.
This site can be considered as a base for any E-Commerce websites, as it fits all users requirements.

Website Live Preview: Click Here

Getting Started

make sure that you have node.js .

> npm --version

Clone repo

> git clone https://github.com/mostafaabdullhuq/ITI-JS-E-Commerce.git

NPM installations of dependencies

> npm install

API used as a test

https://fakestoreapi.com

Local storage and Cookies

When user sign up a validation is done on the data he entered and then stored at the local storage
then user sign in and his data is double checked whether it is the same values at the local storage or not
If the double ckeck was valid , Cookies are created. User also can update his data in the profile page.

Overview

The site consists mainly of:

Home Landing Page.
Products Page.
Product Info Page.
Shopping Cart page.
Checkout Page.
User Profile page.

Snapshots

Home Page

Home page consists of The Newest Arrivals, Customers Feedback and a Contact form.
You can't add any product to your bag before you first create an account.

Products Page

You can go to Products page by clicking on Products in the navbar in Home page. By clicking on Quick View you can preview the product and add it to your cart if you liked it.
By clicking on Product name you can preview the product in product info page.