Project-DermStore-

Hi World !🌏 Dermstore is a skin care and beauty e-commerce site in the United States.Customers can easily buy skin care and beauty products at very low prices than markets.

Details : 🔭

We had to make a replica of the DermStore website. DermStore is India’s fastest growing online retail store for the day-to-day and special occasion needs of Makeup, Skincare, Haircare, Personal care, Mom and Baby care, Fragrance, and Ayurveda products. We have tried our best to clone the replica of the website.

🚀 The link for the same is here : https://gautamviki.github.io/DermStore/

Our Team Members 👨‍💻

• Vikas Kumar Gautam
• Rupesh THakur
• Amit Kumar
• Aswini Prakash
• Yash Bhindia
• Gaurav Das

Pages & Features 👇

• Home Page: Nav Bar with drop downs, carousel, products and offers slider.
• Login/Signup: User authentication to check whether user email and password match with details existing in the database.
• Dynamic Navbar: Created navbar with dropdown of categories and cart visible on all pages.`
• Product page: User can go to different product page and can also apply sorting or filter, products can be added to cart and wishlist also.
• Cart: User can see all the items here and can also remove products from the cart.
• Address Details: Users have to fill their delivery address details.
• Payment Page: Users can add their payment details.
• Order Successful: Once order is placed, confirmation will be shown and user can continue shopping further.
• Additional Features: Kept the branding, fonts, favicon, colors and titles consistent throughtout the whole site to give a feel like the original site.

Tech Stack

• 
• 
• 
• (DOM Manipulation, Local Storage)

Screenshots :

Home Page

Category DropDown

Footer

Login/Signup

Product Page

Cart

Address

Payment Page

Roles & Responsibilities :-

• GitHub is managed by all.

• Login/Signup page is designed and functioned by Ashwini.

• The Header and footer is designed and functioned by Amit.

• Homepage is designed and functioned by Yash and Gaurav.

• Productpage is designed and functioned by Rupesh.

• Cart page and order confirmation is designed and full functional by Vikas.

Learning :-

• We all became proficient in reading the code of team members.

• Our code writing style became cleaner as we had used ES6 to write code and used import export so that code become well structured.

• We learn about many CSS properties that we didn't know before.

• Our skills in JavaScript and DOM manipulation became better.

• We all learned how to plan a project and execute that in a limited time frame.