Skip to content

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.

Notifications You must be signed in to change notification settings

harish-govindasamy/react-usecontext-task

Repository files navigation

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

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:

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

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published