A modern, responsive React e-commerce shopping cart application showcasing modern frontend practices with Context API, React Query, React Router, and Tailwind CSS.
Live demo: green-market-cart.vercel.app
- Add, remove, and manage items in a shopping cart
- Client-side routing with React Router
- Global state using Context API
- Server-state and caching with React Query
- Responsive UI built with Tailwind CSS
- React
- JavaScript
- Tailwind CSS
- React Router
- React Query
- Context API
Prerequisites:
- Node.js (16+ recommended)
- npm or yarn
Install and run locally:
# install dependencies
npm install
# start dev server
npm run dev
# build for production
npm run build
# preview production build (if supported)
npm run startIf your project uses Create React App, replace npm run dev with npm start.
If the app needs any environment variables (API endpoints, keys, etc.), add a .env file in the project root. Example:
REACT_APP_API_URL=https://api.example.com
The app is deployable to Vercel, Netlify, or any static host supporting single-page apps. The project homepage is deployed at: green-market-cart.vercel.app
Contributions are welcome. Please open issues or pull requests with clear descriptions and tests where appropriate.
See the repository for license details (no license file in this repo by default).
Ahmad Ramadan — https://github.com/AhmadRamadan74