Skip to content
TheAbhiPatel
All projects
Type
Built for fun
Year
2023
Area
Full Stack
Stack
5 tools

The story

Why it exists

This repo is the frontend of a Blinkit clone e-commerce platform built with React and TypeScript. It covers browsing by category, product pages, search, a cart, saved addresses and checkout with a PhonePe payment call to the backend.

A quick commerce app clone with full e-commerce features and PhonePe payment integration, built using React, Node.js, MongoDB and TypeScript.

What it does

The features that matter

  • Home page with category sliders and promotional posters
  • Category pages, product pages and search with filters
  • Cart with add-to-cart controls and delivery time display
  • Phone login with OTP verification
  • Account area with orders, saved addresses and wallet
  • Checkout with PhonePe payment and a payment success page

Under the hood

How it works

  1. Step 1

    React and TypeScript single-page app built with Vite and styled with Tailwind CSS

  2. Step 2

    Redux Toolkit stores auth, cart and user state

  3. Step 3

    Talks to a separate backend API through Axios, including a PhonePe payment endpoint

A look at it

As it runs today

blinkit-theabhipatel.vercel.app
Blinkit Clone screenshot

Built with

  • React.js
  • Node.js
  • Express.js
  • MongoDB
  • TypeScript

Redux Toolkit, React Router, Formik with Yup for forms, react-helmet-async.

Ask ABI about it

Up next

Keep exploring