Employee Directory

Readme

• Team Treehouse Project: Unit-5
• https://github.com/jcruzaxaeon/employee-directory.git
• Request 12 "users" from public API (randomuser.me)
• API Data > JSON > Array-of-Objects
• Display grid of user-summaries
• Show details on user-summary-click
• Implement search-for-name function

Lead Task Roster

• Art-direct email-display for user-summary in mobile-view. Most emails overflow.

Development

• JavaScript only (No HTML, CSS)
• Promise-chain. Similar to guard-clause conditionals
• fetch().then().catch()

Deployment

• Central GitHub Repo
• WSL2 > Debian 10 > Linux CLI
• GreenGeeks Hosting

Data

• note: Merge to axaeon.com
• detail: git submodule for axaeon.com
• code: 5t
• description: Simple employee directory with name-search function
• author: jcruz
• centralRepo: https://github.com/jcruzaxaeon/employee-directory.git
• branch: main
• org: Team Treehouse
• orgType: Code Academy
• certification: Fullstack JavaScript Techdegree
• lesson: Unit Project 5
• topics: Public API requests
• text: Team Treehouse Unit Project 5. Employee Directory. Practice with public API requests.

Table of Contents

1. Externalities
2. Task Roster
3. Devlog
4. Reference
5. Text
6. Archive

Externalities

• metaActions

ToC

Task Roster

• Art-direct email-display for user-summary in mobile-view. Most emails overflow.

ToC

Devlog

• unknownDate

  • Changed the font-schema to meet Exceeds Expectations criteria. See commit-description below:
  • modify font schema
    • add Seaford, and Hadassah Friedlaender true-type fonts to CSS
    • add and link associated .ttf-files
    • find changes to CSS with Ctrl-F: EEC

• October 23, 2023

  • add light JSDoc comments
  • fix comment error in modalHTML
  • remove unused index var (j) from search-listener
  • refactor-0

• October 21, 2023

  • correct link-font
    • add <a>-element to CSS-file
    • set font from schema
  • modify font schema, handle fetch errors
    • add Seaford, and Hadassah Friedlaender true-type fonts to CSS
    • add and link associated .ttf-files
    • find changes to CSS with Ctrl-F: ECC
    • add .catch( err => {}) to fetch() promise-chain
  • step-through employee modal-windows
    • cycle through employee modal-windows by clicking (prev, next)-buttons
  • implement search
    • implement form-search on (submit / search)-events

• October 20, 2023

  • fix phone format
    • filtering for nationality as url/nat=us returns phone numbers in the requested format

• October 19, 2023

  • add modal window
    • create modal-like window on card-click displaying user details
    • 'close' modal-like window on close-button-click
  • api-request 12 users, display
    • initialize js/scripts.js
    • make a single API request to randomuser.me/ for 12-users
    • display: (1) image, (2) first and last name, (3) email, (4) city or location

• October 17, 2023

  • staging
    • stage default project-files from TTH
      • index.html
      • styles.css
      • normalize.css
    • stage project (onto seraeonic.com): html, git

ToC

Reference

Reference Table

Code	Description
TTH	Team Treehouse (Code Academy)

ToC

Text

ToC

Archive

Task Roster

• complete refactor-1
  • add 2-spaces to EoFs for proper Linux display with $ cat {filename}.md
  • refactor JSDoc comments in script.js

Externalities

• (???) should i test, extract, and reformat phone if failure? ask tth-staff.
• Add font change to "project submission notes"
• [<] Develop testing workflow <= correct set of bugs in a single-refactor commit

Notes

• Changed the font-schema to meet Exceeds Expectations criteria. See commit-description below:

### modify font schema
   - [x] add `Seaford`, and `Hadassah Friedlaender` true-type fonts to CSS
   - [x] add and link associated `.ttf`-files
   - [x] find changes to CSS with `Ctrl-F`: EEC