SUGAR Cosmetics is a cruelty-free makeup brand that is high on style and higher on performance. The brand is inspired by and targeted towards bold, independent women who refuse to be stereotyped into roles.
Manufactured in state-of-the-art facilities across Germany, Italy, India, USA and Korea the brand ships its bestselling products across Lips, Eyes, Face and Nail categories across the world.
Deployed with netlify app
https://sugar-clone.vercel.app/
Install npm packages
npm install
Run the server
npm start
View in Browser
go to http://localhost:3000
- A user can register his account on the website
- User can log in using their mobile number through otp authentication
- User can search from the variety of products available
- User can filter and sort their search on various parameters, i.e. price, relavance, and many more
- User can select the Quantity while purchasing any product
- User can checkout with razor's payment gateway through Card, UPI, Netbanking, etc.
Click the link to view project: Sugar Cosmetics
As we never really stop learning, This was our 1st full-stack project, and as usual there were a lot of chalenges with the learnings we experienced. some of the highlighted learning were:-
- Building Database using mongodb and deployment using Mongo Atlas
- Setting up API requests using Express and Deployment on cyclic
- Algorithm building for users data such as, items in cart, location etc.
- Playing with animation to get desired output
- Using redux to for CRUD operations
- building custom filters
- Using Tailwindcss for better styling experience
- Using real-time otp for login and payment