https://github.com/leandroberlin/picsum-api-bootstrap-4
Picsum API & Bootstrap 4 - Thumbnail gallery
https://github.com/leandroberlin/picsum-api-bootstrap-4
Last synced: 3 months ago
JSON representation
Picsum API & Bootstrap 4 - Thumbnail gallery
- Host: GitHub
- URL: https://github.com/leandroberlin/picsum-api-bootstrap-4
- Owner: LeandroBerlin
- License: mit
- Created: 2018-01-17T20:59:26.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-01-18T09:14:59.000Z (over 7 years ago)
- Last Synced: 2025-01-19T10:08:59.450Z (5 months ago)
- Language: HTML
- Size: 252 KB
- Stars: 0
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# BOOTSTRAP BOILERPLATE AND PICSUM API
## TASK:
Create a gallery like in the example using BS / JQ / API from Unsplash
## USE:
=> Bootstrap/Jquery/etc standalone OR "startbootstrap-thumbnail-gallery"
=> Use the API from Unsplash (you can use PICSUM PHOTOS - make it easyer!)
=> Select the images from /list and be creative ("should not be the firsts or lasts")
## EXTRA POINT:
=> Don't waste time and bandwith with big pictures... use 400x300
## WORKFLOW/SOLUTION (at least one of them...):
=> you should google: startbootstrap-thumbnail-gallery
=> you should check Picsum docs first, how to https://picsum.photos/list works and other solution
=> you should check Ajax docs if needed: http://api.jquery.com/jquery.ajax
=> you should check For statement if needed: https://www.w3schools.com/js/js_loop_for.asp
=> you should use console.log to debug what you're dealing with
=> google is your friend... sometimes
¯\\\_(ツ)\_/¯
## REFERENCE:
https://www.google.de/
https://getbootstrap.com/
https://picsum.photos/
https://github.com/BlackrockDigital/startbootstrap-thumbnail-gallery
## RUN FROM THIS REPO
Clone, run 'npm install' and then run 'gulp dev' which will open up a preview of the template in your default browser, watch for changes to core template files, and live reload the browser when changes are saved. You can view the gulpfile.js to see which tasks are included with the dev environment.