Giter VIP home page Giter VIP logo

employeerostergen's Introduction

Employee Roster Generator

Week 10 Challenge

For this week's challenge, we were to build a Employee Roster generator using Node and Inquirer. We did this in order to strengthen our skills with JS classes and constructor functions.

In order to finish this assignment, I utilized techniques I learned from Module 9 and Module 10. Meaning, I was able to use Inquirer to capture user input and take that input to generate a site using my HTML template. I created classes for each employee type and implemented inhieritance to shorten my code. Throughout the week , I helped and was helped by my classmates in order to practice collaboration. And in the end, my site 'Your Team' made me one step closer to becoming a full-stack engineer.

๐Ÿค“ Built with:

  • JavaScript
    • ES6
  • Node
    • Inquirer
    • fs
  • HTML
  • CSS
    • Bootstrap
    • Google Fonts

Preview โœจ

You can find a walkthrough on my YouTube here.

Or, you can clone this repo down and run the app yourself using node and a terminal!

screenshot of site showing a manager, engineer, and intern

Credits ๐Ÿ’–

In collaboration with: My lovely classmates. ๐Ÿฅน

Scenario and instruction provided by UTSA's Coding Bootcamp.

employeerostergen's People

Contributors

pixiepucker avatar

Watchers

 avatar

employeerostergen's Issues

Build HTML template literal

HTML Template Literal Includes

  • Header includes H1: EXComp Employee Roster

  • Body: Hierarchal structure with management at top trickling down to interns
    - divs: H3: Manager/Name H4: Employee ID p: link to email/office#
    - divs: H3: SoftwareEng/Name H4: Employee ID p: link to github/email
    - divs: H3: Intern/Name H4: Employee ID/School p: link to email

Use bootstrap for styling, fonts and colors can come after MVP

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.