Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
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.

(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

• Best-README-Template

(back to top)