https://github.com/harish-govindasamy/react-usecontext-task
React Shopping Cart application using Context API and useReducer for state management. Features include adding, removing, and updating item quantities in the cart. Styled with styled-components and includes prop validation with prop-types.
https://github.com/harish-govindasamy/react-usecontext-task
bootstrap context-api html-css-javascript react react-usecontext
Last synced: over 1 year ago
JSON representation
React Shopping Cart application using Context API and useReducer for state management. Features include adding, removing, and updating item quantities in the cart. Styled with styled-components and includes prop validation with prop-types.
- Host: GitHub
- URL: https://github.com/harish-govindasamy/react-usecontext-task
- Owner: harish-govindasamy
- Created: 2024-12-04T08:29:29.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-05T04:28:33.000Z (over 1 year ago)
- Last Synced: 2025-02-07T05:14:06.933Z (over 1 year ago)
- Topics: bootstrap, context-api, html-css-javascript, react, react-usecontext
- Language: JavaScript
- Homepage: https://use-context-api-task.netlify.app/
- Size: 50.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React useContext Task
This is a React application that demonstrates the use of the Context API and `useReducer` for state management. The application features a shopping cart where users can add, remove, and update item quantities. The project is styled using `styled-components` and includes prop validation with `prop-types`.
## Live Demo
Check out the live demo of the application on Netlify: [use-context-api-task](https://use-context-api-task.netlify.app/)
## Features
- Add items to the cart
- Remove items from the cart
- Update item quantities in the cart
- Display total quantity and amount in the cart
- Responsive design using `styled-components`
## Technologies Used
- React
- Context API
- `useReducer`
- `styled-components`
- `prop-types`
- `react-icons`
## Getting Started
To get a local copy up and running, follow these steps:
### Prerequisites
Make sure you have Node.js and npm installed on your machine.
### Installation
Clone the repository:
```sh
git clone https://github.com/your-username/react-usecontext-task.git
```
### Contributing
Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.
### License
This project is licensed under the MIT License.
### Acknowledgements
React
styled-components
prop-types
react-icons