This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn devOpen https://warlike-current-5989.vercel.app with your browser to see the result.
The best of beauty in a monthly bag
At FAB BAG, we are beauty experts and addicts driven by our passion for high-quality beauty products and delightful service. We recognize that our members are beauty enthusiastic women looking for great products that would work for their specific beauty needs and tastes, but do not have enough time, access or resources to try out and experience all that is available. We work hard in association with brands to select 3 or more amazing products exclusively customized for each member and send them in a delightful bag to her doorstep every month so that she never has to make the expensive mistake of buying products that do not work for her! We also advise members on how to make the best use of these products and keep them abreast of the latest beauty and fashion trends.
In this project we have tried to clone frontend and backend of fabbag.com. Cart functionality has been added using browser's localstorage. Project design is responsive for all screen sizes. This project is an effort to implement learning at masai and improve our understanding of the web world. Through this website we are trying to influence life style of people by providing assistance in improving there physical and mental health. Our fitness and eat page will give help to keep you fit and care and mind page will help with mental and primary health care.
- HTML
- CSS
- Bootstrap
- Material UI
- Next.JS
- TypeScript
- JavaScript
- Engaging, interactive and resposive design.
- Order Cosmetics at confort of your home.
- Get best session for overall health improvement.
This is the landing page of our best which is high engaging.
- Navbar icons will take you to different section of the website
- Form location you can select the location where are servises are available
- User can login using a mobile number and an OTP
- Cart section will the item that are present in the cart
- Order
- This page gives you insight on variety of cosmetics available to you.
- Combo Plan
- Products can be bought from here. Click of "add" button and item will be added to cart.
This is our Products store. This bring all types of cosmetics.
Items in the cart will be visible here. Quantity of item can be changed and item can also be removed. Fill your address and click on "Pay Now". This will open a pop-up to select method of payment. let's select credit/debit card.
This page will appear. Fill in the correct details and a pop up will show that order is placed.
- Saradhi (Team Lead):
/ Saradhii - Devesh Goyal: / DeveshGoyal26
- Muskan Shaw: / muskan2507
- Bhushan Wagh: / Bhushan-Wagh98
- Gagan Rajput: / Gaganrajput7