dipratnasakhare / dearm-store-clone

The Dermstore app makes it easy to shop for all your favorite skincare, hair care and beauty products from your mobile device. Come join the largest community of skin care enthusiasts, those tired of trying what doesn’t work, those who believe the only secret to beauty is health.

Dream-Store

this is react project wich build in 5 days

working detailse :- Home page with json mock server data navbar footer with sign in page without authentication able to add product in cart and increase quantity decrease quantity total also showing all page is responsive

clone website

https://6370db3f42049a3981369b9a--exquisite-cactus-9e08bd.netlify.app

explaining video

https://drive.google.com/file/d/16yNrm5cw6tfkf1crhWyidOKw4l4rp7g6/view?usp=sharing

website details

Dearm store website details

The Dermstore app makes it easy to shop for all your favorite skincare, hair care and beauty products from your mobile device. Come join the largest community of skin care enthusiasts, those tired of trying what doesn’t work, those who believe the only secret to beauty is health.

link :- https://www.dermstore.com/

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

screen shots of clone website

Home

Single Product Page

footer

responsive

dearm-store-clone's Issues

cart details

• total price in API
• managing data count

sorting features

• adding buttons to the sort

mock server data setup

• Getting data
• Create a postman server
• Testing

single page

• creating page
• styling single page

landing page

• doing all structure level
• home pages

Search function

• testing product
• set up data of API
• providing important data

User Purchase Status

• Paytm managing
• cart managing
• checkout managing
• login for user and admin

add to cart

• adding product cart page
• creating API for data
• creating all pages for cart

admin page

• dashboard for admin
• adding product feature
• managing user data

product phase

• providing data to a component
• checking data proper rendering
• style part also