team-profile-generator

TEAM PROFILE GENERATOR

Link to GitHub repository Deployed

Link to Video

Table of Contents

1. Description
2. Instalation
3. Usage Infomration
4. External support documentation
5. Tests
6. Social
7. Plugins
8. License

Description

The idea of this application is to organize teams and see which engineers and interns report to the manager. Create a simple and visual interface that will facilitate the user to identify the roles using icons, not only that, create a simple click so if the user wants to contact any employee on the list, it just need to click so the system will auto populate it for the user. The application will describe a Name ID and email for all employee, however, Manager will have one extra field for OFFICE, Engineer for GitHub account, and the Inter will be the school.

Instalation

N/A

Usage

Simple and visual access to the team information.

• Funcitonalities.
  • Display all Name, Email, ID for all users.
  • Email contain a function that will automatically open your email and filled up TO: with the employee email,
  • The engineer GitHub user account is link and it will take you to the engineer profile.
  • Mobile friendly, the picture below was simulated in the user phone.

Function below will take the manager infomration that was added in the application, it will add it to template literals and then apply this information on the HTML.

    const createManager = manager => {
        let managerArray = 
`
<div class="card">
    <div class="card-header">
        ${manager.name} <br/>
        <i class="fas fa-mug-hot"></i> Manager</div>
    <ul class="list-group list-group-flush">
        <li class="list-group-item">ID: ${manager.id}</li>
        <li class="list-group-item">Email: <span id="email"><a href="mailto:${manager.email}">${manager.email}</a></span></li>
        <li class="list-group-item">Office Number: ${manager.officeNumber}</li>
    </ul>
</div>
`;     
        teamArray.push(managerArray)
    };

Function below is the menu that will hold the user choice from inquirer prompt and then pass it to the Switch to call the correct function.

function menu() {
    inquirer
    .prompt([
        {
            type: "list",
            name:"menu",
            message:"Please, select the type of team member you would like to add:",
            choices:[/*"Manager",*/"Engineer", "Intern","Complete"]
        }
    ])
    .then((userAnswer) => {
        console.log(userAnswer)
        switch(userAnswer.menu) {
            // case "Manager":
            //     addManager();
            //     break;
            case "Engineer":
                addEngineer();
                break;
            case "Intern":
                addIntern();
                break;
            case "Complete":
                createTeam();
        }
    });
}

External support documentation

• W3School
  
• Mozilla
  
• READ.me
  
• GitHub
  
• GitHub Inquirer
• Git_cheat_sheet_pdf
  
• npm
  
• Template Literals
  
• NodeJs - Path.join
  

Tests

N/A

Social

if you need any further information or support, please, send an email to: luiz.borges.146@gmail.com

Plugins

N/A

License

License Information: MIT;

Created by Luiz Borges Please refer to the LICENSE in the repo.