This is a FreshHarvest web application where people can buy fresh vegetables and fruits online. You can order fresh vegetables and fruits from the comfort of your home. I have used Next.js which is a React framework for building server-side rendered applications. MUI is used for styling the components. The application is deployed on Vercel here. I have used typescript for type checking.
- User authentication - Users can sign up, log in, and log out of the application.
- User profile - Users can view and update their profile information.
- Product list - Users can view a list of products available for purchase.
- Product search and filter - Users can search for products by name and filter products by category and sub-categories.
- Product details - Users can view detailed information about a product.
- Shopping cart - Users can add products to their shopping cart and view the items in their cart.
- Checkout - Users can enter their shipping information and pay for their order.
- Order history - Users can view a list of their past orders.
-
Next.js (React framework) - Next.js is a React framework for building server-side rendered applications. It is a production-ready framework that allows you to build static, dynamic, and serverless websites and web applications.
-
MUI (Material-UI) - MUI is a popular React UI framework that provides a wide range of components and styles for building responsive web applications.
-
TypeScript - TypeScript is a superset of JavaScript that provides static type checking and other features that help you write more robust code.
-
Axios - Axios is a popular JavaScript library that allows you to make HTTP requests from the browser and Node.js.
-
React Toastify - React Toastify is a popular library for displaying notifications in React applications.
-
Formik - Formik is a popular form library for React that helps you manage form state and validation.
-
Yup - Yup is a popular library for schema validation in JavaScript.
-
React Redux - React Redux is a popular library for managing application state in React applications.
-
Redux Toolkit - Redux Toolkit is a popular library for simplifying Redux development.
-
Stripe - Stripe is a popular payment processing platform that allows you to accept payments online.
-
@stripe/stripe-js - Stripe.js is a JavaScript library that allows you to interact with the Stripe API.
- Clone the repository
git clone https://github.com/sarojadhikari076/freshharvest.git
- Install dependencies
cd freshharvest
npm install
- Run the application
npm run dev
- Open the application in your browser
http://localhost:3000
- Card number: 4242 4242 4242 4242
- Expiry date: 04/28
- CVC: 424