Himalaya's core interest has always been to ensure the health benefits of our herbal formulas and standalone solo herbs with product-specific, double-blind, placebo-controlled human clinical trials on all of our products.
First user will visit Home page when user will see various trending products and directly buy them.On Hovering shop,User can see many products category and clicking on Products category name,user will be directed to Products page where user will have filter options.User Can filter by Price,Names,featured etc. User can change view of mode also by clicking on View modes available.User can see selected Number of items in Cart by selecting Number filter.User can add products in cart by clicking AddtoCart option or can visit respective Products page by clicking on any products page .On products Page,User can increase quantity or decrease by pressing + or - or can remove also by clicking on Delete icon.After every changes,user can click on Update cart to update Cart.User also get option to clearAll added products by clicking on clearrCart.Onclicking checkout page,user will be landed on Information page where user can sign in or sign up and fill require details and then can select Shipping method.After completing on steps,User will be on Payment Page where payments are required.After completing all steps,user will be on Thankyou page.
This was my first individual Project.I enjoyed doing this.Many Problems I faced during doing this project still able to finish it.Key was Time Managememt and dividing work in simple steps.Most challenging part in whole project was creating infinte loop of products page on Home Page and adding add to cart them.It took almost my 1.5 days to try different approaches .It was tough for me because I have to do this without using External Libraries.After this,every thing was medium and easy level but time consuming .I tried to do only few of them.I added products in only Herbal Supplements and added all functionality to them.I realised importance of commenting and using suitable className and ids ,it will be helpful in debugging and if you are building similer Page,you can reuse them. Thats how i cloned this Project.