It is a collaborative project of 4 members completed in 5 days. It is an e-commerce website where user can find all the fashion products , Beauty Products , Shoes& Bags for Men,Women and Kids.
You can see the site in : [https://lifestyylestoree.netlify.app/]
- React
- Redux
- Styled Component
- CSS
- Chakraui
- react
- react-dom
- react-router-dom
- react-scripts
- styled-components
- react-slick
- react-icons
- react-multi-carousel
- axios
- redux
- Home Page
- Sign Up Page
- Login Page
- All Women Product Catagory Page
- Women Products
- All Men Product Catagory Page
- Men Products
- Kids Products
- Fashion Products
- Single Product Page
- Cart Page
- Payment Gateway Page
On the landing page, there are many options like a search bar where users can search products by product name or Brand, then there is also an account option where users can log in or signup and beside it, cart option is also there and by clicking on the cart option users can see the products which they have added to the cart. By clicking on any navbar button their respective page will be open.
This is the signup page, which the user will get if he clicks on the continue button on the account page and new users can create an account here.
This is the login page by clicking on the account option on the landing page users will be redirected to the login page if the users are existing customers they can login by the same email and password or by Facebook account or google account. If users are new customers then by clicking on continue they will be redirected to the signup page.
Basically in this page All women products or All men products will be categorised according to their brand, top sales, offers etc. For each brand it will be redirected to another page where user can apply sorting, filtering and also brand names they want.
This is the user's cart page, after clicking on the add to cart option users can see their product on the cart page. To get redirected to this page users need to click on the cart option in the navigation bar. Here users can check the product name, quantity, and total price.
This is the Checkout page, which is the last page of the website. The user will get redirected to this page once he clicks on the checkout securely button on the cart page. The user needs to fill his account details and then after clicking on submit my order button and after clicking he will get an alert saying "Order placed Successfully".