milliorn / grocery-list Goto Github PK

0.0 2.0 0.0 8.2 MB

simple, intuitive interface for creating, editing, and deleting grocery items. Users can add items to their shopping list and remove them when they are no longer needed.

Home Page: https://milliorn.github.io/grocery-list/

HTML 6.12% JavaScript 2.30% CSS 4.05% TypeScript 87.53%

react crud-operations food front-end-development grocery-application grocery-crud grocery-shopping organizer productivity responsive

grocery-list's Introduction

Grocery List CRUD App

Grocery List is a web application built using React that helps users manage their grocery shopping. It provides a simple, intuitive interface for creating, editing, and deleting grocery items. Users can add items to their shopping list and remove them when they are no longer needed.

Features

Create a grocery list by adding items
Add Quantity
Remove items from the list
Update items
User-friendly and responsive design
Store list locally in browser

Technologies Used

React: A JavaScript library for building user interfaces
LocalStorage: Browser API for storing grocery list data locally
React Icons: A library of popular icons for React
Tailwind-UI: A popular React UI framework for creating beautiful user interfaces

Getting Started

Prerequisites

Node.js: Make sure you have Node.js installed on your machine.

Installation

Clone the repository: git clone https://github.com/milliorn/Grocery-List.git
Navigate to the project directory: cd Grocery-List
Install the dependencies: npm install
Start the development server: npm start
Open your browser and visit http://localhost:3000 to access the application.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

This project was inspired by the need for a simple and efficient grocery list management tool.
Special thanks to the contributors who helped improve and enhance the application.

Links

react-icons -> https://github.com/react-icons/react-icons

sweetalert2 -> https://github.com/sweetalert2/sweetalert2

uuid -> https://github.com/uuidjs/uuid

tailwindcss -> https://tailwindcss.com/docs/guides/create-react-app

typescriptlang -> https://www.typescriptlang.org/

grocery-list's People

Contributors

Watchers

grocery-list's Issues

(JS-0417) Avoid `.bind()` or local functions in JSX properties

Description

Using .bind() or passing local callback functions as props to react component incurs a performance overhead. Consider using React.useCallback, or if possible, moving the callback definition outside the component. EXCEPTIONS: This rule may not apply if your react component is only rendered once, or if your application is not performance …

Occurrences

There are 3 occurrences of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/milliorn/Grocery-List/issue/JS-0417/occurrences/

(JS-0323) Detected usage of the `any` type

Description

The any type can sometimes leak into your codebase. TypeScript compiler skips the type checking of the any typed variables, so it creates a potential safety hole, and source of bugs in your codebase. We recommend using unknown or never type variable.

Occurrences

There are 7 occurrences of this issue in the repository.

See all occurrences on DeepSource → deepsource.io/gh/milliorn/Grocery-List/issue/JS-0323/occurrences/

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Other Branches

These updates are pending. To force PRs open, click the checkbox below.

Update dependency @types/uuid to v9.0.2
Update dependency postcss to v8.4.27
Update dependency tailwindcss to v3.3.3
Update react monorepo (@types/react, @types/react-dom)
Update dependency @types/node to v20.4.4

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Update dependency sweetalert2 to v11.7.19

Detected dependencies

github-actions

.github/workflows/combine-prs.yml

actions/github-script v6

.github/workflows/dependency-review.yml

actions/checkout v3

actions/dependency-review-action v3

.github/workflows/super-linter.yml

actions/checkout v3

github/super-linter v5

npm

package.json

react 18.2.0

react-dom 18.2.0

react-icons 4.10.1

react-scripts 5.0.1

sweetalert2 11.6.8

uuid 9.0.0

@types/node ^20.2.5

@types/react ^18.2.14

@types/react-dom ^18.2.6

@types/uuid ^9.0.0

autoprefixer 10.4.14

gh-pages 5.0.0

postcss 8.4.27

tailwindcss 3.3.3

typescript ^5.1.6

Check this box to trigger a request for Renovate to run again on this repository

milliorn / grocery-list Goto Github PK

grocery-list's Introduction

Grocery List CRUD App

Features

Technologies Used

Getting Started

Prerequisites

Installation

License

Acknowledgements

Links

grocery-list's People

Contributors

Watchers

grocery-list's Issues

Description

Occurrences

Description

Occurrences

Other Branches

Open

Detected dependencies

Recommend Projects

Recommend Topics

Recommend Org