Git Product home page Git Product logo

fox-wing's Introduction

fox-wing

Team profile generator app

Github repository

https://github.com/Plaindemon/fox-wing

Video Demonstration Walk-through

Video Walkthrough

Screenshot of HTML file

Screenshot of generatedhtml file and the file open in the browser <img src="images/screenshot.png" width="250"/>

Description

This is a team profile generator that uses inquirer to prompt the user for the employees name, email, id#, and then that data is used to create a team profile html file with all the populated data

Installation instructions

-- download or clone repository from github -- once downloaded open the command terminal -- In the terminal run the command node app.js to begin the prompts -- Answers all prompts and it will run through and then restart so you can add more than one employee to the team -- If there are no other employees that need to be added then use the arrow keys to select exit app -- Then the generated HTML file will be located in the dist folder

User Story

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

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

fox-wing's People

Contributors

plaindemon avatar

Watchers

 avatar

fox-wing's Issues

Engineer

-- new classes and methods for engineer
github // GitHub username

getGithub()

getRole() // Overridden to return 'Engineer'

-- same as employee
name

id

email

getName()

getId()

getEmail()

getRole() // Returns 'Employee'

Intern classes and methods

-- new to Intern
school

getSchool()

getRole() // Overridden to return 'Intern'
-- same as employee
name

id

email

getName()

getId()

getEmail()

getRole() // Returns 'Employee'

Set up Directory

Set up structure

.
├── tests/ //jest tests
│ ├── Employee.test.js
│ ├── Engineer.test.js
│ ├── Intern.test.js
│ └── Manager.test.js
├── dist/ // rendered output (HTML) and CSS style sheet
├── lib/ // classes
├── src/ // template helper code
├── .gitignore // indicates which folders and files Git should ignore
├── index.js // runs the application
└── package.json

Managers properties

new classes and methods
officeNumber

getRole() // Overridden to return 'Manager'

-- same as employee below
name

id

email

getName()

getId()

getEmail()

getRole() // Returns 'Employee'

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.