Skip to content

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.

Notifications You must be signed in to change notification settings

zulhusni2003/Shopping-Notes

Repository files navigation

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:
    git clone https://github.com/zulhusni2003/Shopping-Notes.git
    
  2. Navigate to the project directory:
    cd Shopping-Notes
    
  3. Install dependencies:
    npm install
    
  4. Start the development server:
    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.

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published