sanj1997 / tops-tub-9581

MyGlamm clone is a collaborative project built by a team of 3 members. MyGlamm is an online store that sells a wide range of lifestyle products, especially for women. A user can edit his email ID and password after logging in. Also, the user can add products to the cart and checkout from the cart.

My Glamm-Clone

This is a collaborative project built by a team of 3 members. MyGlamm is an online store that sells a wide range of lifestyle products, especially for women. I was responsible for implementing the main landing page, login & signup, and user page. A user can edit his email ID and password after logging in. Also, the user can access his past and current ongoing orders.

Features

• Signup/Login
• Products Page
• User Account Section
• Payment Section

Tech Stack

• JavaScript
• Html
• Css

🔗 Links

Screenshots

tops-tub-9581's Issues

navbar

Carousel

Images/Products category

• Best sellers
• In the spotlight
• Essential budget buys
• Shop from categories
• kits & combos
• bank partner

Footer

• Categories
• MyGlamm Details and connecting ways

Checkout Page

• Heading
• create a Shipping address
• Append name, and address
• append all products details
• Order summary
• apply promo code Input tag and button
• payable amount
• proceed to the Payment button
• backend part
• CSS Part

Payment Page

• header
• product amount
• card details
• name ,card number,month, year and CVV input box
• payment button
• Total Payable amount
• backend part
• CSS Part

MyGlammXO Party

functionality

dropdown skincare

Address page

• Navbar
• form
• Heading
• CSS part
• backend functional
• footer
• continue button
• Back button

Myglaam In skin Care and Sanitizing care

• #13
• #14
• #12
• #15
• #16

My orders

• Live
• Completed
• cancelled

mini nav

onClick detailed

SHOPPING BAG Page

• Shopping Bag Navbar
• Heading
• alert functionality
• cart item
• cart item increase and decrease functionality
• Proceed to checkout button

product details

• fetch data from local storage
• append data
• show ratings of products and details of products

skin care

• #20

My Skin Reference(Dummy)

• skin type
• skin tone

myglaaam/skin care

• more dynamically.
• checking and correction for errors

functionality

• check all pages proper working or not
• give media query
• merge all pages

SHOPPING BAG PAGE

• Navbar
• Product count functionality.
• Product details and Price
• All Product total Price
• Proceed to the checkout button
• Shopping bag footer.
• backed Part
• CSS Part

Navbar

• search bar
• mini navbar

My profile

• Design side bar
• Display name and other details

Video

Hair care page

• collect data in form as array of object
• heading
• append data
• on click product save data to local storage
• on click product page will redirect to add to cart page

add to cart page

• create add to cart button in product detail page
• on click add to cart button product details set to local storage
• if product already added in cart give an alert

Create Account

• create div to accept number
• create div to get OTP
• create div to accept and display name on navbar