Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fredvuni/typescript-shopping-cart
A typeScript react shopping cart app using vite bootstrap context API and localstorage
https://github.com/fredvuni/typescript-shopping-cart
bootstrap context-api json localstorage react typescript vite
Last synced: 1 day ago
JSON representation
A typeScript react shopping cart app using vite bootstrap context API and localstorage
- Host: GitHub
- URL: https://github.com/fredvuni/typescript-shopping-cart
- Owner: FREDVUNI
- Created: 2022-11-02T13:20:28.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-05-08T08:52:01.000Z (over 1 year ago)
- Last Synced: 2024-12-01T17:43:28.837Z (2 months ago)
- Topics: bootstrap, context-api, json, localstorage, react, typescript, vite
- Language: TypeScript
- Homepage: https://typescript-shoping-cart.netlify.app/store
- Size: 354 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Shopping Cart
This is a shopping cart app built with TypeScript, React, Vite, Bootstrap, Context API, and Local Storage. It allows users to add items to their cart, adjust the quantity of each item, and view their total cost.
## Technologies Used
- TypeScript
- React
- Vite
- Bootstrap
- Context API
- Local Storage
## Installation
To use this application, you will need to have Node.js and npm installed on your machine. Once you have these dependencies installed, follow these steps:
1. Clone the repository to your local machine.
2. Run `npm install` in the project directory to install the necessary dependencies.
3. Start the development server by running `npm run dev` in the project directory.
4. Open your web browser and navigate to `http://localhost:3000` to use the application.
## Usage
To add an item to your cart, click the "Add to Cart" button on the item card. You can adjust the quantity of each item in your cart by clicking the "+" and "-" buttons next to the item. To remove an item from your cart, click the "Remove" button next to the item. You can view your total cost at the bottom of the cart.
## Contribution
If you want to contribute to this project, you can do so by following these steps:
1. Fork this repository
2. Clone the forked repository to your local machine
3. Create a new branch for your changes: `git checkout -b my-new-branch`
4. Make changes and commit them: `git commit -m "Add some feature"`
5. Push to the branch: `git push origin my-new-branch`
6. Create a new Pull Request
## Credits
This project was inspired by the [Web Dev Simplified](https://www.youtube.com/c/WebDevSimplified) YouTube channel.
## Screenshot
