HTML5, Javascript, jQuery / Prototype, Mobile Phone, Sencha / YahooUI Job by smartgee

AWARDED
Project Budget (USD)
$300

Project Description:
I'm writing a tech review as a final year computer student but I do not have the time to write the app myself. I hope to run it on MoSync SDK and MoSync Reload(you can google this SDK) which is good for testing mobile web applications on almost all smart phones instantly. No need for emulators. The product claims it can use phone gap libraries also.
Toback up my review I have a project requirement below that I would like you to write in HTML5, CSS and JavaScript so it can be cross platforms. It's not just develping the product but I would need to understand what is written so I can alter it.

Here is the app.

Grocery Store Application

Page 1 / Home Page

Page 1 or the home page of the application has links to the Items and Shopping list and help link that is in the other pages

Page 2/ Items

This page has two buttons Delete and Shop. The page is populated with items that will be added through the shopping list.
Each list Item has:
Check box: Selecting the check box(es) of an item enable it to be deleted ot added to the shopping list by pressing delete or shop buttons..
Radio Button: The radio button are selected to identify important or crtical items added to the shopping list.
and should have a drop down box to add the amount(description may also be included) of item that should be added to the shopping lst.

When delete button is pressed it should prompt an alert if the user wants to delete the item or not.
When shop button is pressed it should prompt that the items are added to the the shopping list

The footer of the page has a link to Home page.

Page 3/ Shopping list

The shopping list will have :
Textbox(Add Item): This text box should have a place value of Add Item. The user enters the Item to be shopped or added to thelist of groceries. The objective is that shoping item entries can be used to buld the main list of item that the user shops with. Hence, shopping items can be added from the main items in subsequent shopping.
Textbox(Amt/Description included): This text box should have a place value of Amount(description of item).
Important: A radio button important when selected should change the color of the item text and place it at the beginning of the list
Add Item Button: Pressing this button should prompt an alert. The alert message should ask the user if the entered data be added to the main grocery list. If yes, only the name of the item be added to the main grocery list.

Delet button: The delete button should delete the selected items.
Pressing down the items should move them to bought items.
Each item has:
Check box: Selecting the check box(es) of an item enable it to be deleted ot added to the shopping list by pressing delete or shop buttons..
Radio Button: The radio button are selected to identify important or crtical items added to the shopping list. Important items should move up the shopping list with color to signify they are important.

Bought items do not need to have radio buttons.

The footer of the page has a a home link and Item link

Help Page:
The help page should be accessible from any of the three pages. Easily understood description of the key elements of the program is detailed. The help window should pop out and have a close button at the end.

Skills required:
HTML5, Javascript, jQuery / Prototype, Mobile Phone, Sencha / YahooUI
Project offered by:
Verified