Go Organic, It's the right way Get your healthy foods & snacks delivered at your doorsteps all day everyday
🌟 Explore the journey of Zest from the ground up, where coding budding developers came together to craft an online grocery experience. This is where curiosity turns into code, and passion transforms into innovation. 🛒💻✨
- Zest is a feature-rich ecommerce grocery website developed to provide users with a seamless shopping experience for their daily essentials.
Technology Stack
-
Frontend: React with TypeScript
-
Backend: Node.js with Express TypeScript
-
Database: MongoDB
-
Authentication: JWT (JSON Web Tokens)
-
Payment: Razorpay Checkout Integration
-
Email: Nodemailer for user authentication emails
Welcome to the frontend repository of Zest, your go-to Ecommerce Grocery Website! This guide will walk you through the steps to set up and run the frontend project locally.
Before you begin, ensure you have the following installed on your system:
- Node.js
- npm (Node Package Manager)
Clone the Repository:
git clone https://github.com/poonam-kumawat/zest-frontend.gitInstall Dependencies:
npm installConfigure Environment Variables: Create a .env file in the root of the project and provide the necessary environment variables. For example:
REACT_APP_API_URL=http://localhost:3001/api
REACT_APP_RAZORPAY_KEY=your-razorpay-keyReplace your-razorpay-key with your Razorpay API key.
Run the Application:
npm startThis command will start the development server, and you can view the application in your browser at http://localhost:3000.
- Access the Zest Ecommerce Grocery Website at http://localhost:3000 in your web browser.
- Explore the various features, including category pages, user authentication, and the seamless checkout process.
For a complete end-to-end experience, make sure to set up the Zest Backend. Follow the instructions in the backend repository to run the server and enable full functionality.