https://github.com/deepak356575/reactrouter

Updated the task with React Router
https://github.com/deepak356575/reactrouter

html javascript react-router tailwindcss

Last synced: 3 days ago
JSON representation

Updated the task with React Router

• Host: GitHub
• URL: https://github.com/deepak356575/reactrouter
• Owner: Deepak356575
• Created: 2024-11-13T16:58:42.000Z (6 days ago)
• Default Branch: main
• Last Pushed: 2024-11-13T17:04:46.000Z (6 days ago)
• Last Synced: 2024-11-13T18:19:40.913Z (6 days ago)
• Topics: html, javascript, react-router, tailwindcss
• Language: JavaScript
• Homepage: https://ozbourne-router-cart.netlify.app/
• Size: 118 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Fake Store Cart Application

This is a ReactJS application that fetches product data from the Fake Store API and allows users to add products to a shopping cart. The cart can be viewed in a modal with options to remove items. The application implements client-side routing for seamless navigation between different views.

## Features

- Fetch and display products with image, title, and price

- Add to cart functionality with duplicate alert

- Cart modal view showing items with the option to remove

- Responsive design using Tailwind CSS

- Seamless page navigation using React Router

  - Dynamic routing for product details

  - Clean URL structure

  - No page refreshes during navigation

## Tech Stack Used

- ReactJS

- React Router DOM for navigation

- Tailwind CSS for styling

- JavaScript