Using the Random User Generator API (https://randomuser.me/), this project's goal was to create an app that would allow for 12 random "employees" data to build a prototype for an employee directory.
Unit 5 Project for the purposes of completing the Team Treehouse Techdegree Fullstack JavaScript course.
This project uses JavaScript and a Public API to retrieve random users. These users are then displayed in a modal dynamically. Search, back and next functionality are also included.
-
Display Users On load, the random users API is called and 12 random users are generated to display on the page.
-
Modal window Upon clicking on an individual user, a modal window is displayed with the added functionality to interact with it including:
- Close button
- Close with Physical ESC key
- Close by clicking anywhere 'outside' the modal window
- Prev and Next buttons to toggle through the displayed users
Main styling provided by Team Treehouse. Specific styling changes include:
- Main font family changed to Rubik and Work Sans
- Color changes for background, cards, and modal