Skip to content

Latest commit

 

History

153 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

React + TypeScript + Vite + Tailwind

Tailwind CSS React Typescript

Latest iteration of e-commerce app to integrate with Stripe Payment.

Technologies

  • React 19 + TypeScript
  • Tailwind CSS v4 with Tailwind Variants
  • React Router
  • TanStack Query
  • Node.js + Express 5
  • MongoDB
  • Zod
  • Helmet
  • CORS
  • Stripe Checkout

Visit Live Store


To run this project locally:

  1. Click Fork on GitHub

  2. Clone your fork:

git clone https://github.com/<your-username>/react-store.git

The project has two parts, each with its own dependencies: client/ (React) and server/ (Express API). There is no package.json at the repo root.

  1. Copy each example environment file and fill in the values. You'll need a MongoDB database and a Stripe secret key.
cp react-store/server/.env.example react-store/server/.env
cp react-store/client/.env.example react-store/client/.env
  1. Install and start the server:
cd react-store/server
pnpm install
pnpm dev
  1. In a second terminal, install and start the client:
cd react-store/client
pnpm install
pnpm dev
  1. Open http://localhost:5173/store


Contributors

Languages