The project of an online clothing store that allows choosing products in three categories, viewing detailed information about each product, adding a product to the bag. The catalog pages also include the possibility of sorting the goods according to certain characteristics.
-
index.html - main page of the project; has :
- a navigation bar
- a search field
- banners
- an "up" button
- etc
-
pants.html, shorts.html, shirts.html - pages of relevant product categories that have:
- a navigation bar
- a search field
- sort field
- a list of goods of the corresponding category
- an "up" button
-
bag.html - bag page that has:
- a navigation bar
- a list of products that the user has selected
- an "up" button
-
product-card.html - a page that will contain all the detailed information about the product:
- enlarged and reduced images of the product
- product name
- list of available sizes and colors
- price
- the possibility of adding the product to the bag or wish list
- links to social networks
- detailed product description
- list of reviews
- rating and evaluations
- form for adding product feedback
- an "up" button
-
index.css, pages.css, product-card.css - style files where:
- index.css - the main styles of the project
- pages.css - styles for pants.html, shorts.html, shirts.html
- product-card.css - styles for the product card page
-
images, pages images, pants images, shorts images, shirts images - image storage folders:
- images - folder of main images
- pages images - a folder of page images
- pants images, shorts images, shirts images - storage folders of relevant categories of goods
-
pantsArr.js, shirtsArr.js, shortsArr.js - files of arrays of objects of the corresponding product categories, which contain a description:
- id - serial number in the category
- src - is the path to the image
- title - product name
- size - a list of available sizes
- colors - list of available colors
- price - price
- rating - rating on a 5-point scale
- the list will be supplemented