Reviewr App

ReviewR is an iOS Cordova App. It let's you review anything that you can take a picture of. This will be a very simple app. No sharing of the reviews with other people. Cordova Version Use Cordova version 8.0.0 for this app with version 4.5.4 of cordova-ios Tiny$hell Version Make sure that you are using version 0.0.12+ of Tiny$hell. [login to view URL] Screen Descriptions The app will have three screens: 1. The list of everything that you have reviewed. Each item in the list will show a thumbnail image of the picture taken, the name of the item reviewed, and the rating. There will also be an action button for each item that will take the user to the second screen. The thumbnail should be displayed as a square image but NOT squash the image. The original aspect ratio of the image needs to be kept. 2. A display screen that shows a larger version of the image taken plus the title and the rating displayed as stars. Below the information there should be a DELETE button to remove this item from localStorage. There needs to be a back button in the top bar. 3. The third screen is an add new review screen. This will have a button to save, and a button to take a picture. In the nav bar at the top there needs to be a cancel/close button. The demo version below is currently showing an Android version of the design. Use it as a rough guide. Sample Data Since you are saving the reviews in localStorage, we will need a JavaScript/JSON object that will reflect all the saved and reviewed items. Here is a sample object. {"reviews":[ {"id":237428374, "name":"Timmies", "rating":4, "img":"path/and/filename/on/[login to view URL]"}, {"id":123987944, "name":"Starbucks", "rating":4, "img":"path/and/filename/on/[login to view URL]"} ]} Use the current timestamp from [login to view URL]( ) as the id for each item. Home List page The reviews will be saved in localStorage. The home page will read the localStorage data for your reviews and display a list of the titles and ratings. Each item should have a navigation button for going to the details page and deleting the item from localStorage. The ratings in the list can be shown as stars or integers. The button to add a review needs to be shown on this page only, in the top nav bar. Details page The details page can only be reached by clicking on an item from the home page. It will show a larger version of the image (filling at least 90% of the screen width) plus a delete button. In the nav bar at the top there should be a button to take the user back to the home screen. Clicking on the delete button should prompt the user to confirm the deletion. All the ratings on the Details page should be shown as stars, not numbers. Add New page The Add New page will let the user enter a title, a text review, a star rating (0 - 5), and have a button to take a picture. Clicking the button will open the native camera dialog and let the user take a picture. Save this picture at 300 x 300 pixels on the device. Use percentages to display the image at roughly 90% the width of the screen. Make the "take picture" button disappear and be replaced with the image after the picture is taken. We will be using the cordova-plugin-camera plugin to accomplish this. [login to view URL] (Links to an external site.)Links to an external site. Challenges 1. When taking and saving the image, move it from temp storage into the real camera roll. 2. When removing the reviewed items from localStorage, also remove the saved image from file system on the phone. 2. Make all the review ratings appear as stars or hearts or thumbs up. Do this for both the displaying as well as the setting of the rating. 3. Think about how you would upload the new review information, including the image, to a server-side API. I have added a rubric for the app, where you can make sure you have all the required conditions fulfilled and mark your self. Deadline is the 24th March.