MyGlamm

About this project:

This is a team project, built by us in the Construct Week - Unit_2 at Masai School.

Our Team Members :

Technologies we used 🔧

HTML
CSS
JavaScript

Pages & Features 👇

Header: In header we have 3 section 1st section is an add bar, then in 2nd section comes serach bar bag & profile and in 3rd section is nevigation.
Home Page: Carousel Slider using setTimeout and also the trending products and few banners.
Step before SignUp/LogIn: User authentication to check whether user phone number exists in the database and send them to SignUp or LogIn page accordingly with an OTP.
Sign-Up Page: User sign up with OTP, name and email only.
Sign-In Page: User login with OTP only.
Product Category Page: We have category wise product pages which is created by sorting of category.
Single Products Page: Single product pages we created by dynamicaly sortig and matching with the product index in our main product database, user can be directed from home or from category pages to single product page. Here we have product details and different images of product and add to bag option.
Cart Page: User can check their shopping status and MyGlammXO Points as cashback.
Address Page: If the user don't have any address stored already in our database wille be directed here. And here they can fill their address.
Checkout Page: Here we show details of charges, addres to be delivered and products. And also user can apply promo here.
Payment Page: Users can add their pay by debit/credit card. Other options will be available soon.
Additional Features : In search bar user can search product by their name. While someone shopping, their shopping details goes to their bag database only, For guest we have different bag to keep track. Kept the branding, fonts, colors and favicon and titles consistent throughtout the whole site to give a feel like the original site.