1A Shopping List – The easiest shopping list

1A Shopping List

Shopping: Easy, Fast and Fun with 1A Shopping List

Most shopping App's are a way too complex. Not this one. This one is simple and easy to use which is critical if you want to have something practical. We reduced it to what you need for shopping for easy and stress free shopping. Happy shopping, let's start. most popular shopping apps, todo list, Shopping made easy.

Screen Shot 2014-02-20 at 19.14.51

I also show some inside tips how I developed this App. And showing some features version 3.0.0 will use. Yes, it's HTML5 + Angular JS with a new article data storage format in JSON.


1. After you have started the App it just shows an empty screen. From here you can add new entries, or load a template.

iOS Simulator Screen shot 20.02.2014 17.44.35

2. Then select all articles you need to shop.

3. If you are ready for shopping, just klick "OK".

The list will show only these entries which are marked.

iOS Simulator Screen shot 20.02.2014 17.44.37

4. While shopping you deselect any articles you have in your basket until the counter reaches zero.

5. That's it. Happy shopping!



Slideshow (Slides)

[cml_media_alt id='1943']shopping-list-movie-Keynote-[/cml_media_alt]

[cml_media_alt id='1944']shopping-list-movie-Keynote-[/cml_media_alt]

[cml_media_alt id='1945']shopping-list-movie-Keynote-[/cml_media_alt]

[cml_media_alt id='1946']shopping-list-movie-Keynote-[/cml_media_alt]

[cml_media_alt id='1947']shopping-list-movie-Keynote-[/cml_media_alt]

[cml_media_alt id='1948']shopping-list-movie-Keynote-[/cml_media_alt]

[cml_media_alt id='1949']shopping-list-movie-Keynote-[/cml_media_alt]

[cml_media_alt id='1950']shopping-list-movie-Keynote-[/cml_media_alt]

[cml_media_alt id='1951']shopping-list-movie-Keynote-[/cml_media_alt]

[cml_media_alt id='1952']shopping-list-movie-Keynote-[/cml_media_alt]

[cml_media_alt id='1953']shopping-list-movie-Keynote-[/cml_media_alt]

[cml_media_alt id='1954']shopping-list-movie-Keynote-[/cml_media_alt]

[cml_media_alt id='1955']shopping-list-movie-Keynote-[/cml_media_alt]


Version 2.0.0

  • HTML5
  • JQuery Mobile
  • Data storage: simple file list

Data storage



Version 3.0.0

  • HTML5
  • Angular JS
  • Data storage: JSON

Prototype running in Safari browser.

[cml_media_alt id='1961']1a-shopping-list-html5-angular-js-prototype[/cml_media_alt]

Data storage

There are many complicated data storage file formats for a simple article list. Here is a simple one I designed, and is works.

    "header": {
    "data": [
        {"done":false,"name":"Ananas Scheiben","price":2.95,"canPurchase":true,"soldOut":false,"properties":["v", "k"],"image":""},
        {"done":false,"name":"Ananas Würfel","price":2.65,"canPurchase":true,"soldOut":false,"properties":["v", "k"],"image":""},





If you have any questions please leave a comment below.


Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Scroll to Top