Lyst is a fashion technology company, and premium shopping app. Unit-3-project Masai school project
Hello everyone hope you are doing well, Today i'M writing about our construct week project. In our costruct week i have clone the website of The LYST.com for clonig out net we had use Html to make structure of our project CSS for styling and JavaScript for function like get data from database, serach function, sorting, filtter and many more function we have use About this project: 🙌
In this project we have tried to clone frontend of Lyst. Cart functionality has been added using browser's localstorage and Redux. Project design is responsive for all screen sizes. This project is an effort to implement learning at masai and improve our understanding of the React.
Here is the link of our website live on netlify: delightful-meringue-3aac9b.netlify.app/
HTML: 18%, CSS: 6.3%, JavaScript:78%
Masai School
Pages & Features 👇
Home Page: Nav Bar with drop downs, sliding banners & slider for Products.
Sign-In: User authentication to check whether user email and password match with details existing in the database.
Search: User can search for any of the products present in the website.
Product Category Page: Products created dynamically with filter by category, name and price.
Cart: User can see or remove products added in the cart. Also the user can not add data to the cart without signing in to the website.
Checkout Page: Users can increase, decrease the quantity of the product and can apply discount coupons.
Payment Page: Users can add their payment details, address and make payment.
Additional Features: Kept the branding, fonts, colors and favicon and titles consistent throughout the whole site to give a feel like the original site.
Tech Stack
React js
Redux
Javascript - (Local Storage)
Tailwind
Material UI
Screenshots :
Home Page
Search DropDown
Navbar DropDo
Signin Page
Products Page
Product Details Page
Cart Page
About Lyst is a fashion technology company, and premium shopping app. This is a react-redux based project in which we have cloned an e-commerce shoppinwebsite.
Topics react redux ecommerce reactjs material-ui tailwindcss Resources Readme Stars 0 stars Watchers 0 watching Forks 5 forks Releases No releases published Packages No packages published Languages JavaScript 84.2%
CSS 14.9%
HTML 0.9% Footer