- Daily Fashion is a platform where one can easily buy Fashionable items online.
- In this App, users can see products based on different categories such as Watches, Bags, Shoes, Sunglasses etc for both men & Women.
- Additionally we have implemented various features such as add products to cart, add to wishlist, payment Integration, etc.
Live Deployment: Daily Fashion
- Home Page (public page), with navigation bar, header image, and various categories of products. User can easily view products based on selected category, add to cart, wishlist etc.
- Products Listing Page (public page), with various categories which Filters Products based on Price Range, Filter By Product Categories,Filter Products by Ratings, Sort Products by Price: Low to High & High to Low. User can also easily add products to both Wishlist and Cart by clicking buttons on each product card.
- Single Product Page, (public page) - User can add product to cart, add to wishlist, view detailed product description along with Product Details.
- Cart Page, (private page), consists of all products added in cart. User can increase/decrease the product quantity and see the cart price summary details and go to checkout page. Cart Page will only open if the user is logged In.
- Checkout Page - User has to select the saved address or add/update address & check the price summary. User can then click on proceed to payment.
- Wishlist Page (private page), consists of all products marked as favourite, user can also add products to cart and remove from wishlist.
- 404 Page - Added 404 Page Not Found.
- Added Responsiveness for nearly all devices from 350px onwards 🎉
- Loaders & Alerts: Loaders are added when products are fetching, React Toastify is used for alerts message
- Note:- 'Public Page'- Opens without Authentication, 'Private Page' - Opens only if user is Authenticated otherwise opens Login Page.
- Handy UI for CSS and Components.
- React JS
- React Router v6
- React Context API + useReducer
- Backend setup using MockBee
- Used Async Await and Axios for API Request Calls.
- Netlify for Deployment
- React Toastify for alerts.
- Razorpay Test Payments Integration.
-
If you face any issues while using the app, then you can surely raise issue on this repo.
-
You can also give your valuable suggestions/ feedback to improve this project via Twitter DM.
