{"action":"opened","issue":{"url":"https://api.github.com/repos/Schnorschel/assignments/issues/20","repository_url":"https://api.github.com/repos/Schnorschel/assignments","labels_url":"https://api.github.com/repos/Schnorschel/assignments/issues/20/labels{/name}","comments_url":"https://api.github.com/repos/Schnorschel/assignments/issues/20/comments","events_url":"https://api.github.com/repos/Schnorschel/assignments/issues/20/events","html_url":"https://github.com/Schnorschel/assignments/issues/20","id":532814100,"node_id":"MDU6SXNzdWU1MzI4MTQxMDA=","number":20,"title":"week 06 - day 03 - Who works here? - ","user":{"login":"Schnorschel","id":5727747,"node_id":"MDQ6VXNlcjU3Mjc3NDc=","avatar_url":"https://avatars3.githubusercontent.com/u/5727747?v=4","gravatar_id":"","url":"https://api.github.com/users/Schnorschel","html_url":"https://github.com/Schnorschel","followers_url":"https://api.github.com/users/Schnorschel/followers","following_url":"https://api.github.com/users/Schnorschel/following{/other_user}","gists_url":"https://api.github.com/users/Schnorschel/gists{/gist_id}","starred_url":"https://api.github.com/users/Schnorschel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Schnorschel/subscriptions","organizations_url":"https://api.github.com/users/Schnorschel/orgs","repos_url":"https://api.github.com/users/Schnorschel/repos","events_url":"https://api.github.com/users/Schnorschel/events{/privacy}","received_events_url":"https://api.github.com/users/Schnorschel/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":{"login":"Schnorschel","id":5727747,"node_id":"MDQ6VXNlcjU3Mjc3NDc=","avatar_url":"https://avatars3.githubusercontent.com/u/5727747?v=4","gravatar_id":"","url":"https://api.github.com/users/Schnorschel","html_url":"https://github.com/Schnorschel","followers_url":"https://api.github.com/users/Schnorschel/followers","following_url":"https://api.github.com/users/Schnorschel/following{/other_user}","gists_url":"https://api.github.com/users/Schnorschel/gists{/gist_id}","starred_url":"https://api.github.com/users/Schnorschel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Schnorschel/subscriptions","organizations_url":"https://api.github.com/users/Schnorschel/orgs","repos_url":"https://api.github.com/users/Schnorschel/repos","events_url":"https://api.github.com/users/Schnorschel/events{/privacy}","received_events_url":"https://api.github.com/users/Schnorschel/received_events","type":"User","site_admin":false},"assignees":[{"login":"Schnorschel","id":5727747,"node_id":"MDQ6VXNlcjU3Mjc3NDc=","avatar_url":"https://avatars3.githubusercontent.com/u/5727747?v=4","gravatar_id":"","url":"https://api.github.com/users/Schnorschel","html_url":"https://github.com/Schnorschel","followers_url":"https://api.github.com/users/Schnorschel/followers","following_url":"https://api.github.com/users/Schnorschel/following{/other_user}","gists_url":"https://api.github.com/users/Schnorschel/gists{/gist_id}","starred_url":"https://api.github.com/users/Schnorschel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Schnorschel/subscriptions","organizations_url":"https://api.github.com/users/Schnorschel/orgs","repos_url":"https://api.github.com/users/Schnorschel/repos","events_url":"https://api.github.com/users/Schnorschel/events{/privacy}","received_events_url":"https://api.github.com/users/Schnorschel/received_events","type":"User","site_admin":false}],"milestone":null,"comments":0,"created_at":"2019-12-04T16:59:35Z","updated_at":"2019-12-04T16:59:35Z","closed_at":null,"author_association":"OWNER","body":"# Who works here?\n\nOver the last six weeks, you have learned many concepts about front-end development. To demonstrate how far you have come, I want you to build an Employee Directory. For `Explorer Mode`, this will be a site with three pages; view all employees, add an employee, and view an employee. `Adventure Mode` adds the features to delete and updating an employee.\n\n## Objectives\n\n- Use react-router-dom to build a multiple page SPA\n- Create an API driven UI\n- Practice the skills you have learned in the past six weeks.\n- practice wireframing a new app\n\n## Requirements\n\n- Create a new `delta` stack project\n- This [this api](https://sdg-staff-directory-app.herokuapp.com/index.html) to manage a company's list of employees. Check out `Additional Resources` for how to use the API.\n- Create a relatively unique name for your company. You will use this as your company key when calling the endpoints of the API\n\n### Explorer Mode\n\n- [ ] Create a react app with three pages and navigation between the pages.s\n  - [ ] View All Employees page\n    - [ ] This page should list all the employees for your company\n    - [ ] Each employee should display the employee's full name, job title, full-time status, and profile image. All employees that are returned by the `Get all employees endpoint`, [https://sdg-staff-directory-app.herokuapp.com/api/\\${companyName}/employees](https://sdg-staff-directory-app.herokuapp.com/api/${companyName}/employees).\n    - [ ] Each employee item should link to the `employee page` for that employee. The URL should look like: `/employee/${employeeId}`\n  - [ ] An Employee Page\n    - [ ] This should display all the details for an employee, The details page should list the following: \n      - [ ] full name\n      - [ ] birthday\n      - [ ] hired date\n      - [ ] job title\n      - [ ] job description\n      - [ ] full address (address, city and zip)\n      - [ ] Contact information (email, phone)\n      - [ ] Emergency contact info\n      - [ ] PTO hours\n      - [ ] profile image\n\n    - [ ] The API endpoint to use will look like this:[https://sdg-staff-directory-app.herokuapp.com/api/${companyName}/employees/${employeeId}].l\n  - [ ] Add a Employee Page\n    - [ ] This should allow the user to add all of the fields for an employee.\n    - [ ] The UI should let the user know that the person was added to the API successfully\n  - [ ] Your app should be styled and responsive. Have fun with it.\n  - [ ] Deploy your app\n\n### Adventure Mode\n\n- [ ] Add the ability to `delete` a user\n- [ ] Add the ability to `update` a user\n\n### Epic Mode\n\n- [ ] You app currently only works for one company, but now add the ability to change companies.\n\n## Additional Resources\n\n### TIPS:\n\n- This project is a typical weekend project, remember to plan, keep pace, and turn in however far you get on Sunday night.\n- A good milestone for today would be\n  - to have a wireframe for each completed\n  - react-router-dom set up, including a component for each page, and be able to click to different pages\n  - an understanding of the API\n  - some HTML and CSS completed.\n- The \"profileImage\" property is a URL to an image and should be treated as a string\n\n### How to use the API\n\nAPI Documentations: [https://sdg-staff-directory-app.herokuapp.com/index.html](https://sdg-staff-directory-app.herokuapp.com/index.html)\n\n- The use the API you will need to name your company for which you are making an employee directory. Your company name will serve as a unique key for your company. My fake company is called `honeydukes`. That means that I want to make an API call to get all of my employees, I will do a fetch to the URL.\n\n```\nhttps://sdg-staff-directory-app.herokuapp.com/api/honeydukes/employees\n```\n\nThat will return me a list of employees that are apart of the company.\n\nIf I want to get a different company's (Boogle) employees. I would do\n\n```\nhttps://sdg-staff-directory-app.herokuapp.com/api/Boogle/employees\n```\n\n**For your project you will be using the same company for every request**\n\n- To get an employee for that company, you will use the endpoint to get an employee. For me to get an employee of `honeydukes`, I would use the endpoint\n\n`https://sdg-staff-directory-app.herokuapp.com/api/honeydukes/employees/3`\n\nA GET request to the above URL will get the employee with the id of `3`, and that works for `honeydukes`.\n\n- To create an employee for a company, you will have to use the POST endpoint. If I wanted to add an employee for `honeydukes`, I will send a POST request this endpoint\n\n```\nhttps://sdg-staff-directory-app.herokuapp.com/api/honeydukes/employees/\n```\n\nwith my data in this JSON format:\n\n```{\n  \"firstName\": \"string\",\n  \"lastName\": \"string\",\n  \"birthday\": \"2019-06-06T16:48:57.256Z\",\n  \"hiredDate\": \"2019-06-06T16:48:57.256Z\",\n  \"isFullTime\": true,\n  \"profileImage\": \"string\",\n  \"jobTitle\": \"string\",\n  \"jobDescription\": \"string\",\n  \"phoneNumber\": \"string\",\n  \"address\": \"string\",\n  \"city\": \"string\",\n  \"zip\": \"string\",\n  \"state\": \"string\",\n  \"salary\": 0,\n  \"gender\": \"string\",\n  \"email\": \"string\",\n  \"emergencyContactPerson\": \"string\",\n  \"emergencyContactPhone\": \"string\",\n  \"emergencyContactAddress\": \"string\",\n  \"ptoHours\": 0,\n}\n```\n\n## Preview.\n\n- Next, we start learning SQL. [Read this as a preview](https://suncoast.io/handbook/curriculum/back-end/full-stack-i/lecture/sql/intro-to-sql/)\n"}}
{"actor":{"display_login":"Schnorschel"}}