10 Object Oriented Programming: HTML-Team-Generator
This repository (HTML-Team-Generator) is an educational homework assignment from the CARL-OTT-FSF-PT-02-20121-U-C course. It was designed to help students become more familiar with Object Oriented Programming, particularly with class constructors. We were tasked with creating an application that generates members of a team, which provides a manager with their name, id, email, github user name, office number and school. We used the command line with node.js and inquirer to generate the questions and put the responses on an html generator that creates the page with the team information.
Link to the Video and Video GIF
Acceptance Criteria
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 generatedAssignment: What I Learnt!
This is the section I generally use as my venting/journal of learning. This time is a little different, I think all the hard hours I have put into learning how to code are starting to pay off. This time around I still needed a lot of help with getting started and the overall flow of the application, but it seemed to come much quicker this time around. Before this I was trying to understand each word of the new material being presented, which has its benefits, however this time I seemed to be able to grasp larger concepts such as join(''). I understood where it needed to be added and why. The different functions of the html-generator page were separated and needed to be joined together. They need to be joined together to make the html page with each member of the team, otherwise it would only generate one member at a time. The html page was made and a link to the different member was put in the body of the html and joined together. I seemed to understand that each team member needs to be pushed to the team array for them to come together. These small steps have seemed to allow me to be understand the language in concepts as opposed to words. The bank end has seemed to help me is this way for some reason.
Contributors
As usual I had a great deal of help from my tutor Joey and a fill in tutor Juan.