This is a working clone of the online shopping platform MYNTRA. This project is the part of the construct week of Unit-2 at Masai School, this project has been done in order to learn the basic working of a website by implementing HTML5, CSS3, JavaScript. Working on this project was really fun and we learned a lot of new things that goes into building a website. This is our first collaborative project under the guidance of Masai Team to facilitate the full stack web development curriculam.
1. Priyanshu Tyagi (fw18_0576) https://github.com/Priyanshu-Tyagi
2. Lalam Madhu Sai Nadh (fp03_062) https://github.com/Madhusainadh
3. Divas Kumar Sahu (fw18_0543) https://github.com/divassahu
4. Suprio Samanta (fw18_1008) https://github.com/supriyosamanta1997
5. Mamta Katariya (fw18_0698) https://github.com/mamtaashu
6. Deepak Kumar (fw18_0429) https://github.com/dee686
- This the landing page of myntra here we can see all the products that are avaible in myntra website.
- After coming to landing page we should login so we need to hover in profile section there we can see drop-down for login-signin and some other sections.We have to click on signup to go to the signup page.
- User have to signup first to buy any product ... so user will go to this page
- After signup user's data will be stored on local storage,after that user can login using same credential provided at the time of signup.so user will Redirected to the signin page
- After login successfully user will redirected to the landing page
- Now by hovering on products name there will be a drop-down, where we can see all detailed types of products in drop-down.
- when we click on men in navbar it will redirect to the mens page which containes all the products of mens only.
- After clicking "Casual shirt" we can redirected to following page
- This page will give the user a short description about the product.
- Now,in this page used can filter the product brand using following botton:-
- if user select "Mufti" Product he can see only the products of "Mufti" brand:-
- Now, clicking "Brand Name" user can see the default producs page
- Now, User can see the product according to his price ,Means if user wants to see high price product first, for that he can select "Price:High To Low" option:-
- By selecting "sort:Recomended " option user can see the default producs page
- Now Clicking brand name which is written at under the image We Can Go to the page where user can see the more details about the product.
- After supriyo's page we came to this page. In this page user can see the more details about the selected product.
- In this page user can add this product to the bag by clicking "ADD TO BAG" button. User can also add the product to "WISHLIST".
- If anybody like the product and tap on the button wishlist
- it will appear on page like this.
- later on if he/she want to purchase the product they only need to tap on move to bag button.
- and the item will get moved from wishlist to bag
- or if they want to remove the item from the wishlist they only need to tap on delete button and the item will get removed from the wishlist.
- This is the Bag page here you can see all the items which have been added to the bag, And some recommedation according to your bag items.
- After clicking it'll take you to the address page where you have to fill the required details.
- After filling the required info click on "ADD ADDRESS".
- After clicking the button it will take you to the page where all of your addresses are present you can choose on which address you want your item to delivered. After selecting the address cilck on "Continue" Button.
- And then it'll take you to the Payment Page, Where you can choose the payment method.
- In this case I'm choosing Cash On Delivery. For that you have enter the captcha, If you enter the wrong captcha then it'll give you an alert like this.
- And if you enter the correct captcha then it will give you the payment successful.
All images, logos and illustrations are taken from Myntra website itself (https://www.myntra.com/)