https://github.com/suarajyadavy676/quriousbit-games

A React shopping cart app with Tailwind CSS, featuring currency conversion, discount codes, and dynamic pricing.
https://github.com/suarajyadavy676/quriousbit-games

javascript reactjs tailwindcss

Last synced: 20 days ago
JSON representation

A React shopping cart app with Tailwind CSS, featuring currency conversion, discount codes, and dynamic pricing.

• Host: GitHub
• URL: https://github.com/suarajyadavy676/quriousbit-games
• Owner: suarajyadavy676
• Created: 2024-09-16T10:24:04.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-16T10:28:16.000Z (2 months ago)
• Last Synced: 2024-10-09T23:05:07.387Z (about 1 month ago)
• Topics: javascript, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://qurious-bit-games.vercel.app
• Size: 140 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

# Shopping Cart Application with Discount and Currency Conversion

This is a simple React-based shopping cart application that allows users to:

- Add and remove items from the cart.

- View the current items in the cart.

- Calculate the total price in different currencies (USD, EUR, GBP).

- Apply discount codes for reduced prices.

- Checkout with the final price.

## Features

- **Product Management**: Add, remove, and display products.

- **Currency Conversion**: Convert prices dynamically between USD, EUR, and GBP.

- **Discount Codes**: Apply discount codes for specific percentage discounts.

- **Responsive Design**: Styled using Tailwind CSS for a clean and responsive UI.

## Available Discount Codes

| Discount Code | Discount Percentage |

|---------------|---------------------|

| DISCOUNT10    | 10%                 |

| DISCOUNT20    | 20%                 |

| SUMMER15      | 15%                 |

| WINTER5       | 5%                  |

| SALE25        | 25%                 |

## Getting Started

To run this project on your local machine, follow the instructions below.

### Prerequisites

Make sure you have the following installed:

- Node.js (v14 or later)

- npm or yarn package manager

- Git

### Installation

1. Clone the repository to your local machine:

   ```bash

   git clone https://github.com/your-username/shopping-cart-app.git