yashbhanu / zest-frontend

Home Page:https://zest-organic.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Zest Organic

Go Organic, It's the right way Get your healthy foods & snacks delivered at your doorsteps all day everyday

View Zest Demo

About The Project

zest

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

Built With

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

Getting Started

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.

Prerequisites

Before you begin, ensure you have the following installed on your system:

  • Node.js
  • npm (Node Package Manager)

Installation

Clone the Repository:

  git clone https://github.com/poonam-kumawat/zest-frontend.git

Install Dependencies:

  npm install

Configure 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-key

Replace your-razorpay-key with your Razorpay API key.

Run the Application:

  npm start

This command will start the development server, and you can view the application in your browser at http://localhost:3000.

Usage

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

Backend Repository

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.

About

https://zest-organic.vercel.app


Languages

Language:TypeScript 95.4%Language:CSS 2.9%Language:HTML 1.4%Language:JavaScript 0.3%