In order to get started using this app you may want to watch this video or you can follow the instructions below
Written Instructions
In order to use this code you will need to open the files using vs code(or a similar IDE but I cannot guarantee my instructions being helpful for anything else.) Once you have everything open in your explorer, right click app.js and select "Open Integrated Terminal". Below, the code a terminal should pop-up go ahead and make sure you have the correct terminal for further information on what the correct terminal is click here. Next you want to type in a series of commands to set up your terminal and load your files. Make sure to hit enter after each item and wait for it to process.
- 1st npm install
- 2nd npm install inquire
- 3rd npm install jest
- 4th npm init -y
Once you are set-up, you can enter in node app.js.
Then simply follow along with the prompts.
When your prompts are finished, go to the output folder and find the file labeled "team.html". Right click team.html and in the pop-up window, select "Open in Default Browser" -if you are unhappy with your entries you may select the garbage can in the top right corner of your terminal and start again.
For further questions how to operate node.js:
You can check out this link
You can contact me (see authors section)
You can google "node.js" or "npm"
- HTML (28.1%)
- CSS (1.5%)
- Javascript (70.4%)
- node.js
This app features a series of questions that guide the use to an end output.
The output of the question pushes the information gathered through intern into an array (called globally before the questions)
This app features html that is written as part of the code when it runs rather than having any hard coded information. Whenever it is run again, it rights over the previous code so there is no wasted space.
If you want to write to a new file:
copy the team.html file (inside of output) and rename your copy to something else(i.e myteam.html). This will save your answers to the prompts in a seperate file (the file you named). The code app with questions is coded to work with team.html so saving it with a different name will assure it's not overwritten if the app is used again.
For later builds
A peice of code pulls employee pictures
When you have a large team, pictures are super beneficial- and more fun to customize things.
A better CSS sheet
The design on this is minimal and not as functional as I would like it to be. Given another couple of days this little tool could really pop design-wise.
The ability to toggle what you want to see
For instance, if you only wanted to look at Engineers, being able to hide interns would be helpful. If you only wanted to look at interns from a specific institution, that could be helpful too. When teams get bigger this tool becomes less and less useful to manage employee information.
The ability to get more details about employees
A little drop down in the list would be cool, so that you could store custom info like birthdays, skills or current projects.
Follow good practices for variable names, indentation, lacks quality comments Get all application tests pass
This app is for anyone that needs to keep track if their teams email/github/employee id information. It's mostly for tech managers or those that employee engineers and interns solely. However, if you would like something similiar with different peices of information feel free to contact me for customizations.
Rachael Kelm-Southworth:
-
[linkedin] (https://www.linkedin.com/in/rachael-kelm-southworth-87a3831b3)
-
[github] (https://github.com/RKSouth/)
I would like to thank Kerwin, Manuel, Roger, and all of our classmates for helping us understand this subject matter and anyone that contributed to make the base code.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent