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.
- Host: GitHub
- URL: https://github.com/MuhammadZulhusni/Shopping-Notes-Learning-Project
- Owner: MuhammadZulhusni
- Created: 2024-04-15T08:34:19.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-23T03:02:17.000Z (about 1 year ago)
- Last Synced: 2025-02-27T06:42:56.792Z (8 months ago)
- Topics: completed-project, javascript-library, learning-project, reactjs, shopping-list
- Language: JavaScript
- Homepage:
- Size: 81.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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-Notes3. Install dependencies:
```bash
npm install4. 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.