Project: make a clone of https://strawberrynet.com/en-in site
This is an E-Commerce website which speciaizes in selling beauty products all over the globe. The website provides 800 brands and 33,000 products of different types of makeup, skincare, body care, fragrances and home scents.
In this project we have tried to integrate with the backend technology. With our efforts and the technology stack, that we have learned till now in Unit-2 & Unit - 3 in the masai school, we were able to clone the whole website with same looking & features.
- HTML
- CSS
- JavaScript
- MongoDB
For storing user data we also used MongoDB Atlas.
All the image and icon links have been taken from the main website ( https://strawberrynet.com/en-in )
- Landing Page (Home Page):
- Category Page:
- Product Details Page:
- Wishlist Page:
- Bag Page:
- Checkout Page:
- Run the command
npm run serverin terminal to start the app at port2345. - Go to the browser enter
https://localhost:2345in the url box, you will land home page and signup if you are a new user or signin through your credentials (if doesn't work, please disable ad blocker or try out in incognito mode). - In our website you can search about the product and add product directly to bag or even to wishlist and purchase it.
In this project we were tried to achieve a near to perfect clone of the original website as much as possible. This entire journey of this construct week has given us experiences and we have learned lots of things by applying to the real website and it gave us a lot of confidence. Most of the features are added and functionality of the website is achieved.
All pages are not responsive yet , those pages are might not be properly visible on small screen devices. (Recomended Resolution: 1496 x 768 )
- 👤 Akhil Kumar Adepu Github: https://github.com/akhiladepu
- 👤 Mohit Maurya Github: https://github.com/MohitMaurya
- 👤 Piyush Ranjan Github: https://github.com/piyush425
- 👤 Thakoor Chandan Github: https://github.com/thakoorchandan