Skip to content

Latest commit

 

History

History
133 lines (85 loc) · 3.23 KB

README.md

File metadata and controls

133 lines (85 loc) · 3.23 KB
Raw

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. License
  7. Contact
  8. Acknowledgments

About The Project

This is a JavaScript project that implements:

  • Async and callback functions.
  • Fetching data with an API.
  • Parsing data as JSON.
  • Click event handlers.
  • Adding and removing CSS classes.

This script pulls 100 images and displays them in a random order right on the web page using the Lorem Picsum API, complete with the photographer credit, too. Want a different image? Click the button as many times as you want to get a new picture in the frame.

screenshot1 screenshot2

(back to top)

Built With

  • HTML
  • CSS
  • JavaScript

(back to top)

Getting Started

This web page was crafted with vanilla code. No dependencies here!

Prerequisites

All you need is a browser (to view/interact) and a text editor (to modify).

Installation

  1. Clone this repo and you're all set!

(back to top)

Usage

  • index.html: structure and layout.
  • styles.css: design and aesthetics.
  • script.js: functionality.
  • Lorem Picsum API: photo library.

(back to top)

Roadmap

There are no plans to implement additional features at this time.

(back to top)

Contributing

This project is for learning/demonstration and is not being actively developed.

(back to top)

License

Distributed under the MIT License.

(back to top)

Contact

Nate: GitHub | Grepper

(back to top)

Acknowledgments

Skillcrush - JavaScript Fundamentals

  • Module 12: Intro to APIs
    • Step 5 of 7: Fetch a Random Image Array
  • normalize.css

README Template

(back to top)