A Node.js command-line application that takes in information about employees on a software engineering team, then generates an HTML webpage that displays summaries for each person.
- 📽️ Demo: https://screencast-o-matic.com/watch/c3e1r9VF1wv
- 🌍 Published: https://mblackwellgca.github.io/team-profile-generator/
- 🌍 Repository: https://github.com/mblackwellgca/team-profile-generator
- AS A manager
- I WANT to generate a webpage that displays my team's basic info
- SO THAT I have quick access to their emails and GitHub profiles
This project is a command-line application for creating an HTML page of a team profile based on user inputs for the following:
- Team Manager name, employee id, email, and office number
- Whether there are additional employees on the team
- If an employee is an engineer or intern
- An engineer's name, employee id, email, and GitHub username
- An intern's name, employee id, email, and school
- The application uses the node inquirer package for prompting questions in command-line. It also uses jest to run the tests for the application.
- Jest for running the unit tests
- Inquirer for collecting input from the user.
- The application will be invoked by using the following command:
node index.js
GIVEN a command-line application that accepts user input
- WHEN I am prompted for my team members and their information
- THEN an HTML file is generated that displays a nicely formatted team roster based on user input
- WHEN I click on an email address in the HTML
- THEN my default email program opens and populates the TO field of the email with the address
- WHEN I click on the GitHub username
- THEN that GitHub profile opens in a new tab
- WHEN I start the application
- THEN I am prompted to enter the team manager’s name, employee ID, email address, and office number
- WHEN I enter the team manager’s name, employee ID, email address, and office number
- THEN I am presented with a menu with the option to add an engineer or an intern or to finish building my team
- WHEN I select the engineer option
- THEN I am prompted to enter the engineer’s name, ID, email, and GitHub username, and I am taken back to the menu
- WHEN I select the intern option
- THEN I am prompted to enter the intern’s name, ID, email, and school, and I am taken back to the menu
- WHEN I decide to finish building my team
- THEN I exit the application, and the HTML is generated
The following animation demonstrates the application functionality:
- 🏫 Sandra Smith
- 💻 Christopher Ponzio https://github.com/ChristopherPonzio
- 🔗 https://www.w3schools.com/
- 🔗 https://stackoverflow.com/