Skip to content

Latest commit

 

History

History
84 lines (73 loc) · 2.94 KB

README.md

File metadata and controls

84 lines (73 loc) · 2.94 KB

Decathlon-clone

img

------------------------------------ INTRODUCTION -----------------------------------------------

The project statement given to us was to clone the Decathlon website which deals in selling sports products. Our team was able to achieve as much as possible in the given time constraint with a few functionalities like product filtering based on certain categories, adding products in cart along with display of total price for all the products with variation in quantity.

------------------------------------ TEAM MEMBERS ------------------------------------------------

1.) Suraj Github profile

2.) Pushpal Github profile

3.) Suraj Github profile

4.) Anay GitHub profile



Some of the glimpses of our work

Landing Page

img
From here, a user can scroll to find Fitness Essentials banner which on clicking takes the user to fitness essentials page which fetches data from mock-server. There is also a static page built which includes cricket products. A user can see them from left menu icon and clicking cricket link.


Fitness essentials page

img
In this page a user can filter out products using the categories on the left. The categories are divided into product nature, color, brand and price. Also a user can click on any product to place order or add to cart.


Adding to cart

img
Here a user can select size and add the product to cart.


Confirmation

img
Here a user is asked if he/she is willing to add it to cart or continue shopping.


Place order

img
From here a user can select the product quantity and proceed to checkout.


Checkout

img
After selecting the address, user will be able to successfully place the order.


Order Placed

img
Finally the order is placed.


Running the project

  • Clone the repository
  • Find index.html file
  • Copy the file path
  • Paste in the browser
  • Hit enter
  • Now migrate to the api-mocker folder and run the server by typing npm run start