This is a React-based shopping list application that allows users to create and manage their shopping lists. Users can add products with their name, category, and quantity, as well as delete them. The application also includes a checkbox next to each item, which, when checked, strikes through the name of the item. Additionally, the app utilizes icons from react-icons, with custom icons representing different product categories.
- Vite
- React
- JavaScript
- CSS
- Add products with name, category, and quantity
- Delete products from the list
- Checkbox functionality to strike through the name of the item
- Custom icons for different product categories
Visit the live live version at:
https://popiolekdawid.github.io/shopping-list/
or install localy:
-
Clone the repository:
https://github.com/your-username/shopping-list.git
-
Navigate to the project directory:
cd shopping-list
-
Install the dependencies:
npm install
-
Start the development server:
npm run dev
-
Open the application in you browser:
http://localhost:3000
- To add a product, enter the name, category, and quantity in the respective input fields and click the "Add" button.
- To delete a product, click the "Delete" button next to the desired item.
- To mark a product as completed, check the checkbox next to the product name to strike through the name.