An open API service indexing awesome lists of open source software.

https://github.com/MuhammadZulhusni/Shopping-Notes-Learning-Project

Shopping notes app using React. It's a handy tool for creating and managing shopping lists, complete with features like adding items, marking them as bought, sorting by name or status and clearing the list.
https://github.com/MuhammadZulhusni/Shopping-Notes-Learning-Project

completed-project javascript-library learning-project reactjs shopping-list

Last synced: 6 months ago
JSON representation

Shopping notes app using React. It's a handy tool for creating and managing shopping lists, complete with features like adding items, marking them as bought, sorting by name or status and clearing the list.

Awesome Lists containing this project

README

          

# Shopping Notes

A handy shopping notes app built with React.js.

## Description

This project is a shopping notes app implemented using React.js. It provides users with a convenient tool for creating and managing shopping lists. Users can add items to their list, mark them as bought, sort items by name or status, and clear the list when needed.

## Features

- **Create Shopping Lists:** Users can create multiple shopping lists for different purposes or occasions.
- **Add and Remove Items:** Easily add items to the shopping list and remove them as needed.
- **Mark Items as Bought:** Keep track of which items have been purchased by marking them as bought.
- **Sort Items:** Sort items alphabetically by name or by their status (bought/unbought).
- **Clear List:** Clear the entire shopping list with a single click.

## Installation

To run this project locally, follow these steps:

1. Clone the repository:
```bash
git clone https://github.com/MuhammadZulhusni/Shopping-Notes.git

2. Navigate to the project directory:
```bash
cd Shopping-Notes

3. Install dependencies:
```bash
npm install

4. Start the development server:
```bash
npm run dev

## Technologies Used

- **React.js:** A JavaScript library for building user interfaces.
- **Vite:** A build tool for modern web development, used for fast development and optimized builds.

## Contributing

Contributions are welcome! If you'd like to contribute to the project, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature (`git checkout -b feature/YourFeatureName`).
3. Make your changes.
4. Commit your changes (`git commit -am 'Add some feature'`).
5. Push to the branch (`git push origin feature/YourFeatureName`).
6. Create a new Pull Request.