I would like to hire a Software Developer - 26/09/2016 14:50 EDT

Cancelled Posted 7 years ago Paid on delivery
Cancelled Paid on delivery

Angular 2 Gallery Plugin

Using a given JSON feed you need to create a gallery component using Angular 2.

The gallery should be written as a component that can be implemented in any Angular 2 project.

 

Requirements:

1. The gallery needs to work from within an independent component (plugin).

2. The component receives the following params and renders the gallery accordingly:

1. feed (String/Array) - path to load the json from / array of images

2. search (Boolean default:true) - show a search box

3. pagination (Boolean default true) - show a pagination component in the gallery. - nester component?

4. results-per-page (Number, default 10) - number of results on each page of the gallery

5. sorting (Boolean default true) - allow the user to sort by the images elements (title, date) - to check how

6. auto-rotate-time (Number default 4) - Time for image slideshow mode

3. The gallery should have the following controls:

1. Pagination.

2. Search input box.

3. Sort by dropdown.

4. Items per page drop-down. (5, 10, 15 or 20 results Default to 10).

5. Slideshow - show the user a slideshow of the images that auto rotates according to the given time in the auto-rotate-time attribute

4. When clicking an image show a larger view (modal) of the picture with next/prev controls.

5. Using localStorage, enable the user to “delete” an image by adding it to a blacklist.

The gallery should handle unavailable images and show a placeholder instead (there are 2 false images in the given feed, they will return a 304 status)

I'm a student and I need that for my studies, I need it in up to one day

AngularJS Software Development

Project ID: #11628311

About the project

2 proposals Remote project Active 7 years ago