Giter Site home page Giter Site logo

shoppinglist's Introduction

Shopping List App

This is a List to add anything what you don't forget to buy!

Look like this

preview

Using it

You can add food or anything else to your list and it stores in your localstorage. It will be save as List and as Button.

Later you only have to press the button for frequently needed things. But this is in progress.

Than you can go Shopping. Have fun.

Requirements

  • git
  • node/npm

Installation

Clone repo

git clone https://github.com/code-knackerin/ShoppingList
cd ShoppingList

Install NPM packages and run server

npm i
npm run start

shoppinglist's People

Contributors

hanniofhyrule avatar domnikl avatar dependabot[bot] avatar vikkastiwari avatar mitushi-23 avatar m1ga avatar

Stargazers

Fabio Bauer avatar Archan Banerjee avatar Yash avatar Viraj Shukla avatar Samarth Raj avatar Roman Hossain Shaon avatar

Watchers

 avatar Kevin Kaufmann avatar  avatar

shoppinglist's Issues

Fatal Error when listData doesn't exist in Local Storage

Currently, the app breaks if the user does not already have listData stored in their Local Storage

Screen Shot 2021-10-07 at 10 19 42 AM

To fix this, we should check to see if localStorage.getItem("listDataStore") exists before trying to parse it. If it exists, parse. Else, return the initial list (or an empty list).

Improve UX of list items

Currently, the list items are hard-coded to a width and height of 75px, which breaks the design when items with longer names are added.

Screen Shot 2021-10-07 at 10 11 26 AM

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.