https://github.com/akshay-2396/reacttask2
A Simple E-Commerce App using React Router
https://github.com/akshay-2396/reacttask2
context-api javascript react-router reactjs tailwindcss
Last synced: about 2 months ago
JSON representation
A Simple E-Commerce App using React Router
- Host: GitHub
- URL: https://github.com/akshay-2396/reacttask2
- Owner: Akshay-2396
- Created: 2025-05-07T06:34:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-07T06:39:35.000Z (about 1 year ago)
- Last Synced: 2025-05-07T23:13:29.007Z (about 1 year ago)
- Topics: context-api, javascript, react-router, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://trendyymartt.netlify.app/
- Size: 40 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🛒 Add to Cart Task Using React Router
# 📋 Task Overview
This project is a ReactJS-based web application that implements an Add to Cart functionality using React Router. It fetches products from the Fake Store API, displays them on the product page, and allows users to add, remove, and update quantities in the cart with routing between pages.
# 🧩 Features
* Fetch and display product list from Fake Store API.
* Responsive product grid layout.
* Add to Cart functionality.
* Remove from Cart functionality.
* Increase/Decrease product quantity in cart.
* Dynamic total price calculation (with 10% discount applied).
* Proper routing between Product and Cart pages.
* Clean and responsive UI using Tailwind CSS.
# 🚀 Tech Stack
* ReactJS
* React Router
* JavaScript
* HTML
* Tailwind CSS
# 📌 Hints
* Use Fake Store API for fetching product data.
* Handle all price calculations accurately including quantity updates and discounts.
# 📬 Submission
* Deployed app using Netlify
* Submited both Netlify URL and GitHub URL via the submission portal.
# 🚀 Deployment
https://trendyymartt.netlify.app/