My-Glamm clone Live
This is our Second project at masai school construct week after learning HTML,CSS & JAVASCRIPT
The main Contributors for this project are
- Sourav Das
- Sujit Kumar
- Sarang Gunjal
- Shubham Srivastava
- Biswajit Biswal
- Prajwal Rathod
- HTML
- CSS
- Java Script
This is the main landing page of our website. Here clicking on any option of the Navbar will redirect the user to the respective Product Page. Clicking on Account will display an animated popup box for login and sign up. Clicking on Cart will lead us to the Cart Page.
This the product pages of our website. On the right side all the products with their respective name, brand, price will be shown.
After clicking on any of the products this Product Details Page will be shown. Here the user can see every thing related to that product. Like the available sizes, delivery date checked by PINCODE. Also below the main product the user will see products from the same brands. Clicking on the Add To Bag Button will add this product to the cart.
Here all the products added to the cart will be shown. At the bottom there is total price of the cart and the proceed to buy button. Clicking on the button will redirect the user to the Payment Page .
This is the Address page of our webside. Here the user has to fill in his name, shipping details etc. After the user fills those details Saved Address & Edit Address options will be shown in place of Enter Your Address. A Proceed to buy button will show up in Price Summary. Clicking on that will redirect the user to the Payment Page 2.
This is the Payment page where the user has to select a payment option. After the user has filled all the details and clicked on Pay Now button it will lead us to the success page.
After the payment has been done it will lead us to the Success page where payment successful message will be shown
We had faced a lot of issues in cloning the website. First of all we were not used to reading the code of other people. I was working on the cart functionality which was in Landing page done by Aashish. There we faced some issues. We also sometimes had to fix some issues related to merging our code through github.
- We all became proficient in reading the code of team members.
- Our code writing style became cleaner as we had to think while writing code that other team member will be reading.
- We had to learn about many CSS properties that we didn’t know before.
- Our skills in Java Script and DOM manipulation became better.
- We all learned how to plan a project and execute that.
