nvsmith / random-user-generator

A JavaScript project that demonstrates how to use the Random User Generator API to populate a webpage with user information.

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.
• APIs
• Parsing data as JSON.
• for...of loops.
• Change event handlers.
• Creating and appending HTML elements.

This web page displays contact cards. Select how many cards you want displayed on screen from the dropdown menu, and your page will automatically populate with cards that pull random users from the Random User Generator API.

(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.
• Random User Generator API

(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 7 of 7: Practice Exercises: Intro to APIs
    • Exercise #1
    • Exercise #2
• normalize.css

README Template

• Best-README-Template

(back to top)