I would like to share a project that I and my team have made during the construct week of unit-4 at Masai school. Our target is to clone the original site within 5days.
- HTML, JavaScript, CSS, React, Redux.
The above picture is of the landing page that is created by Shubham Paswan which is almost similar to the landing page of Mama Earth. He used bootstrap for styling the Home page.
The above picture is of the Signup page that is created by Rohit Kumar Gupta and Sachin Ingale which is almost similar to the Signup page of Mama Earth. They involved in all the HTML, CSS, JavaScript, JSON, and DOM-related parts of the page and validation of the data given by the user, and storing the data in the local storage. After filling in all the inputs Click on Sign-Up. Now this page will redirect to the Login-in Page as shown below picture.
Give your Number which was given in the signup page and click on Login with OTP . It will redirect to the OTP page. Give the valid OTP and click on Verify it will redirect to the Home-Page. You can see your name at top-right corner that means you are logged-In.
The Above all Pages are created by Bharanishwaran and Shubham Paswan added functionality like sorting we can sort the product’s price from low to high and high to low. They also added filter functionality like when you click on Body Lotion button you will see all the products related to the Body Lotion. Bharnishwaran also developed Footer of the Website
All Products Page was created by Sai Kiran Arishanapalli. In this you can see all the products at one place. He also added filtering functionality like if you click on Face button you will get products related to the Face.
He also added Add to cart functionality. If you want to buy any product click on the ADD TO CART button. You will get pop-up message that product has been added to the cart now that product will show in the Cart Page as shown in below screenshot.
we also gave 5% discount to total amount you can see total payable amount in below .When you click on Continue button it will redirect to the Checkout Page as shown below
Give your Card details and click on Place order button then you will get a pop-up message like your order has been placed. This was done by Aun Mohammad .
So, we started on Monday and the deadline is of Sunday evening. we decided to make our deadline for the project. so we decided to complete it by Friday evening. we managed the project by Friday Evening. on Saturday we all push our code to git and merged all the pages.
So, we started on Monday evening and the deadline was off Sunday evening. So we divided the work among ourselves, someone was working on the navbar, one on the signup page, one on the footer, and others on their respective pages. One day before the deadline, we merged all the code and were successful in cloning the website.
We learned many new things about building websites, solved problems that came while we were working on the website.
- Shubham Paswan
- Sachin Ingale
- Sai Kiran Arishanapalli
- Aun Mohammad
- Bharanishwaran.