ICT581-Assignment 3: Create a mobile web app using jQuery Mobile-Solved

Description

Assignment 3  

 In  this assignment, you will practice creating a mobile web app using jQuery Mobile. You need materials from lessons 5, 6, and 7 to complete this assignment. Please check the instructions and requirements.

Instructions

Use these instructions to execute the ‘Project plan’ Plan’ you created in Assignment 2. :

1. Application Features: The web application has a simple feature set, and users should be able to do the following: a. Create notes.
2. Edit notes.
3. Delete notes.
4. Store notes on the device that is running the application, across browser sessions.
5. View the entire collection of notes.

How to plan this project:

1. First, take care of the details for selecting page elements, adding new page elements, and updating the DOM.
2. Second, use jQuery UI to build the web application interface.
3. Third, use the following steps to use both libraries:
   1. The first thing you need in the app is an interface for users to create and edit notes. You can do this by employing a form. Use jQuery UI library to do so.
   2. You also need a view that renders a list of the existing notes. You can connect the Notes List with the Note Editor in such a way that the Notes List will correctly reflect note additions, edits, and deletions.
   3. Now you must define the features and design of the app, which brings us right into the realm of specifications and deployment.
   4. Requirements

I would highly recommend keeping your design—as much as possible—simple. Your design must, at a minimum, meet most of these requirements:

1. The application should start with an empty list.
2. A form should be used for note creation, so that the user will use it to enter a note.
3. When a user adds or removes a note, the main page view should be updated. That means you need to store your notes in a list.
4. When a user adds a new note, it should appear at the bottom of the list.
5. Users should have the ability to add a note to the list (Make sure to update the list).
6. Users should have the ability to edit the note, and that must be accomplished using the same form that creates notes in the first place.