Display images from Imgur
- Owner: Smaug
- Difficulty: Medium
- Type: Feature
- Asigned to: Me
- Date Created: 18-March-2017
- Priority: Blocker
- Status: New
- Resolution: Unresolved
Create a web page that shows a grid of photo thumbnails; or a photo feed, you can use any public API that returns photos; here are some ideas:
Google Image Search: https://developers.google.com/custom-search/json-api/v1/overview
It only needs to work in chrome, so feel free to take advantage of modern features.
Feel free to make design improvements where you consider appropriate.
Make it so that clicking on an image opens a lightbox.
You can use an endpoint like imgur's to retrieve images.
For example https://api.imgur.com/3/gallery/hot/viral/0.json will give you information about all the pictures in the first page of the frontpage of imgur.
This information will contain data like a title, links to the user who added it, urls for the image, a link to the gallery or comments, etc. It will vary by provider or endpoint.
Add JavasScript code to make a request to that endpoint, then use that information to create elements that display it, using the given template.
- Should work in any size, responsive
- You could use any JS framework or library, but vanillaJs is preferred
- It only needs to work in the latest version of Chrome, no need to check on older browsers. So feel free to use modern APIs.
When you're done, push to your repo and submit your answer.
To solve this, the following is recommended:
- Github account, and basic git skills
Look at our help section for more information about this.
To create your answer follow this steps:
Troubleshooting | Help
If you have need clarification with the project, files, or description, open an issue on github.
For questions with the platform, email us at [email protected]
For help with github or coding, consult our Learning and Resources page, where you will find information and links to tutorials and other content.