Daily Fashion

An E-commerce App for Buying Fashion items

About Daily Fashion

• 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

Features

• 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.

Tech Stack and Tools

• 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.

Issues & Suggestions

• 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.

Connect with me: