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.

download-on-the-app-store

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!

Screenshots

shoppinglist-screen-iphone5.001

Slideshow (Slides)

shopping-list-movie-Keynote-6.5.3.001

shopping-list-movie-Keynote-6.5.3.002

shopping-list-movie-Keynote-6.5.3.003

shopping-list-movie-Keynote-6.5.3.004

shopping-list-movie-Keynote-6.5.3.005

shopping-list-movie-Keynote-6.5.3.006

shopping-list-movie-Keynote-6.5.3.007

shopping-list-movie-Keynote-6.5.3.008

shopping-list-movie-Keynote-6.5.3.009

shopping-list-movie-Keynote-6.5.3.010

shopping-list-movie-Keynote-6.5.3.011

shopping-list-movie-Keynote-6.5.3.012

shopping-list-movie-Keynote-6.5.3.013

Inside

Version 2.0.0

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

Data storage

Apples
Apricot
Avocado
Bananas
Blueberries
Cherries
Grapefruit
...

 

Version 3.0.0

  • HTML5
  • Angular JS
  • Data storage: JSON

Prototype running in Safari browser.

1a-shopping-list-html5-angular-js-prototype

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": {
        "lang":"de_DE",
        "name":"Einkaufsliste",
        "version":"1.0.6"
    },
    "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":""},

        ...

        {"done":false,"name":"Zwiebeln","price":1.20,"canPurchase":true,"soldOut":false,"properties":["v"],"image":""}
    ]
}

 

Support

If you have any questions please leave a comment below.

Helpful?

Leave a Reply

Your email address will not be published. Required fields are marked *