Skip to content

This Full Stack project is a clone of DermStore, an online store for women's beauty products. The clone replicates some of the features of the original website, such as product categories, filters, search, cart, checkout and user authentication.

Notifications You must be signed in to change notification settings

capitalN/dermstore

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 

Repository files navigation

dermstore

This Full Stack project is a clone of DermStore, an online store for women's beauty products. The clone replicates some of the features of the original website, such as product categories, filters, search, cart, checkout and user authentication.

home

  • this is home page, The user can navigate through various routes using the navbar available at the top. The navbar contains links to different sections such as Products, Account, and Cart. Screenshot (427)

products & filters

  • This section displays the products that match params. You can use filters and sort functions to narrow down your results and find the best option for you. If you want to see more details of a product, you can click on it and it will open a new page with its description. Screenshot (421)

product details

  • A product details page displays information about a specific product. It usually includes the product name, category, type, price, description, ratings, and other features. A user can add the product to their cart by clicking on the add to cart button. The user cannot add the same item twice to their cart. Screenshot (420)

cart

  • The in cart page displays all the items that the user has added to their cart. The user can modify the quantity of each item by using the plus and minus buttons, or remove an item completely. The cart total is shown at the top of the page, The user can proceed to the dispatch page by clicking on the dispatch button, where they can enter their shipping and payment details. Screenshot (424)

dispatch

  • Dispatch page, where user can enter their address and payment details. Screenshot (425)

account

  • The accounts page is where the user can manage their personal information. They can change their name or avatar by clicking on the edit button next to each field. The changes will be saved and reflected on their profile. Screenshot (426)

About

This Full Stack project is a clone of DermStore, an online store for women's beauty products. The clone replicates some of the features of the original website, such as product categories, filters, search, cart, checkout and user authentication.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published