Git Product home page Git Product logo

team-html-generator's Introduction

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

Html-Generator

htmlGenerator Video

Screenshot (78)

Screenshot (79)

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 generated

Assignment: 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.

team-html-generator's People

Contributors

nathanwichmann avatar

Watchers

 avatar

team-html-generator's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.