- AgroStores is a platform where one can easily buy Agricuture growth products online.
- In this App, users can see products based on different categories such as Fertilizers, Pesticides, Farming Tools, Seeds, Safety Wearables, Electronic Devices, etc.
- Additionally we have implemented various features such as add products to cart, add to wishlist, address management, order summary payment Integration, etc.
Checkout the live deployment here: AgroStores
- 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 of 200 to 2000 Rupees, 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.
- Profile Page (private page) - Profile Page shows name, email of logged in user and Quick Links for private pages, and saved addresses. User can also add new address, update & delete address.
- 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.
- Forest 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
- Cloudinary for Hosting of Images
- Flaticons for colorful icons.
- 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 Email (Mail-id in below section).
