GithubHelp home page GithubHelp logo

dpk5e7 / shakespeares-monkeys Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 2.0 927 KB

Project 3 for the University of Denver Coding Bootcamp 2022

License: MIT License

HTML 1.60% JavaScript 97.07% CSS 1.33%
apollographql cryptojs express jwt-authentication mongodb mongoose nodejs reactjs semantic-ui

shakespeares-monkeys's Introduction

📒 Team Handbook

License: MIT

Overview

The code contained in this repository is a Team Handbook. Designed to put "People First"
in the office, this app will help managers and leaders of organizations 
to keep personalized data points of their employees at hand. Need to remember an employee's
birthday?  The Team Handbook will make sure you never forget.  Want to celebrate your employees'
anniversary with the company?  The Team Handbook will make sure you get that date correct. Need to
quickly check who among your team has the best skills for a specific project, Team Handbook has
got you covered.  Team Handbook will help you not only have the most useful data points available
for your employees, but will make them feel more valued within your organization which makes
Team Handbook a truly "People First" app.

Table Of Contents

Acceptance Criteria

WHEN I visit the site
THEN I am presented with the login page where I am able to login in or create an account

WHEN I create an account
THEN the system prompts me for a username, email, password.

WHEN I visit the “My Team Members” page
THEN I see a list of the people I have previously entered on my team, a link to view/edit/print each person’s information, a link to export/print the entire team’s information, a link to remove a person from the team, and a link to add a person to the team.

WHEN I visit the Add/Edit Team Member page
THEN I am able to input data about the team member.
This data would include:
-	Name
-	Picture
-	Contact Info: Email address, phone number, mailing address
-	Emergency POC Info: Name & Phone Number
-	Family Situation: spouse, children, etc.
-	Important Dates, e.g. birthday, anniversary, on-board date, etc.
-	Experience / Resume
-	Professional Skills
-	Responsibilities & Projects, both current and completed.
-	Training, both completed and upcoming
-	Personal Interests, e.g. Biking, Movies, etc.
-	Notes

WHEN I visit my Dashboard page
THEN I see charts that aggregate data from my team.
Example charts include:
-	Upcoming Important Dates from among my team
-	# of team members on each current project
-	# of team members that share personal interests
-	# of team members that share professional skills

Static Screenshots

Screenshot1

Screenshot2

Screenshot3

Challenges

  • Modal troubles (Bootstrap vs Semantic UI)
  • Single-Query to render

Future Enhancements

  • Have the user be able to upload a picture for each team member.
  • Potential to build in organization structure (and create a structural hierarchy Admins-->Managers-->teamleads)
  • PKI-Public Key Infrastructure
  • Having the ability to transfer team members to another manager
  • Create a modal for sign in/sign up
  • more user-friendly error messages

License

License:

Contributing

Contributor Covenant

Technology Used

Contributors

shakespeares-monkeys's People

Contributors

dpk5e7 avatar priddle88 avatar rodbennett avatar shniglehosen avatar

Stargazers

 avatar  avatar

Watchers

 avatar

shakespeares-monkeys's Issues

Create Add/Edit Team Member page

  • Name
  • Contact Info***: Email address, phone number, mailing address
  • Emergency POC Info***: Name & Phone Number
  • Family Situation***: spouse, children, etc. (could be just a textbox, family member’s birthdates could be listed under Important Dates.)
  • Important Dates***, e.g. birthday, anniversary, on-board date, etc.
  • Experience / Resume
  • Professional Skills
  • Responsibilities & Projects, both current and completed.
  • Training, both completed and upcoming
  • Personal Interests, e.g. Biking, Movies, etc.
  • Notes*** (free form information about the team member)

*** potentially contains PII/PHI, therefore should be encrypted.

Create a My Team Members page

  • list/table of the people I have previously entered on my team
  • link to view/edit/print each person’s information
  • link to export/print the entire team’s information
  • link to remove a person from the team
  • link to add a person to the team

Possibly the table in: https://react.semantic-ui.com/

Authentication & Authorization

  • Pages are limited to logged in and admin users as appropriate.
  • Menu items are displayed based on logged in and admin rights.

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.