madimetjamadix / nikestuff_online_store

This is a capstone project to demonstrate the accumulated knowledge for creating websites using HTML, CSS and JavaScript

NikeStuff Online Store (Capstone Project)

The capstone project demonstrates the accumulated knowledge in the first level of the Full Stack web development which focused on HTML, CSS and JavaScript. The project is an online store and it has limited functionality.

Table of Contents

• installation
• Deployment and Navigation (Useage) - landing Page (Home page) - The catalogue (Shopping List) - Item page - Adding to cart - cart - checkout

The installation process

• to install the project, click download on the github repo to get the zip folder containing the code and all supporting assets, and unzip it.

Deployment and Navigation

• To test the project, open the index.html file using a browser (preferably chrome).

landing Page (Home page)

• Here you are welcomed to the page and the call to action is to shop.

The catalogue (Shopping List)

• Here you get to see all the items available in the store.

Item page

• By clicking on an item on the shopping list, you get taken to this page which shows more details about the item.

Adding to cart,

• This can be done from the catalogue page and from item page.
• From Cataloge page.
• From item page.

cart

• Here you can adjust the quantity of the items added to the cart.
• One can also delete/remove items, apply coupons, choose delivery options and checkout.

checkout

• The user is alerted that their oder was successful and a reference number is generated.