VeggiesShop is an intuitive and user-friendly web application for purchasing fresh vegetables online. Designed with a seamless shopping experience in mind, VeggiesShop provides customers with a simple and efficient way to browse, select, and order fresh produce.
Check out the live site here.
https://github.com/naeemdadi/VeggiesShop-API
- Product Catalog: Browse a wide variety of fresh vegetables with detailed descriptions and images.
- Search and Filter: Easily find products using the search bar and filters.
- Shopping Cart: Add items to your cart and manage quantities before checkout.
- Checkout Process: Simple and secure checkout process with PayPal integration.
- Order Review: Review your orders before finalizing the purchase.
- Wishlist: Save your favorite products for later.
- OTP Authentication: Secure login and registration using OTP-based authentication with JWT and Fast2Sms.
- Responsive Design: Optimized for both desktop and mobile devices.
- Frontend: React.js
- State Management: Redux and Redux Thunk
- Backend: Node.js and Express.js
- Database: MongoDB with Mongoose for data modeling
- Styling: Custom CSS
- API Requests: Axios
- Routing: React Router Dom
- Payment Integration: PayPal
- SMS Service: Fast2Sms
To run this project locally, ensure you have the following installed:
- Node.js
- npm (Node Package Manager)
- Clone the repository:
git clone https://github.com/naeemdadi/VeggiesShop.git
- Navigate to the project directory:
cd VeggiesShop
- Install the dependencies:
npm install
You will additionally need a backend server with database schema which you can find on VeggiesShopAPI
This project was a comprehensive learning experience in building a full-stack MERN application. It started with the goal of creating an e-commerce platform where users can buy vegetables. The challenges faced, such as implementing a custom modal for product descriptions and integrating OTP-based authentication with JWT, provided valuable insights and learning opportunities.
For any questions or feedback, please contact at Gmail.