For this project, I built an app for a fictional company called "Awesome Startup" - a distributed company with remote employees working all over the world. They need a smart way for employees to share their contact information with each other.
Live Version: https://jaskiran-chhokar.github.io/awesome-employee-directory/
✔️ Use the Random User Generator API to fetch a list of 12 random employees.
✔️ Utilize data provided by the API to build a prototype for an employee directory.
✔️ Request a JSON object from the API and parse the data so that 12 employees are listed in a grid with their thumbnail image, full name, email, and location. Clicking the employee’s image or name will open a modal window with more detailed information, such as the employee’s birthday and address.
✔️ Use JavaScript programming to asynchronously handle required data.
✔️ Modal window must contain a functional close button. That way, the user can easily exit out.
✔️ Modal window should consist of two "prev" and "next" buttons, in order to allow the user to easily switch back and forth between employees.
✔️ Allow the user to search for a specific employee with a search bar that filters for employees by name.
✔️ Define a default style guide to be used throughout the site.
✔️ Formulate a colour palette to be used throughout the website.
✔️ Design responsive page layout.
✔️ HTML5
✔️ CSS3
✔️ JavaScript (ES6)