Mediafly NC Application HTML5 Prototype F2F Challenge

Challenge Overview:

Welcome to the Mediafly NC Application HTML5 Prototype F2F Challenge! The goal of this challenge is to update existing HTML5 Prototype application for desktop, iPad and iPhone based on following requirements.

Challenge Requirements:

Below are the required pages in which we need some changes. We don't have actual storyboard designs. So please refer provided sample screenshots and make sure these new additions should match to the existing theme design. This challenge is subjective, so we will review all submissions until we find the submission which fulfills the required updates and client likes.

We need these fixes urgently, so you could ask your queries in the forum as early as possible. Please provide a document with your code change log. You need to make sure that the existing functionality is not breaking.

1. Bubble Popup:

• -On home page, show the bubble popup (Bubble-Popup.png) which points to "My Downloads" tab.
• -Click on outside the page, hide the bubble popup.

2. Modal Popup:

• -On product page, show the modal popup (Modal popup.png) on clicking the download icon at Other Download section bottom of the page.
• -Click on OK button, close the popup.

3. More Options Popup:

• -On product page, show more options icon (triple dots) for each segment at right side.
• -Click on more options icon, show options popup (phase3actionspopup.jpg) with require links/buttons.

4. Search Box:

• -Show search box at header (top of the page) for home, author, product, downloader pages.
• -Refer provided search box screenshot (search bar.jpg).

5. Authors:

• -On product page, show mouse pointer for all authors on mouse hover for desktop views.
• -Click on each author row, navigate user to authors page.

JavaScript Requirements:

All JavaScript must not have a copyright by a third party. You are encouraged to use your own scripts, or scripts that are free, publicly available and do not have copyright statements or author recognition requirements anywhere in the code. We would like to use following JavaScript libraries:

• jQuery
• AngularJS
• Bootstrap 3

Browsers Requirements:

• Latest Chrome, Safari Browsers
• iPhone and iPad Safari Browsers

Documentation Provided:

Existing prototype and sample image files.

Final Submission Guidelines