Skip to content

Instantly share code, notes, and snippets.

@tnoworyta
Last active April 17, 2019 16:21
Show Gist options
  • Save tnoworyta/c2e44b708aeee54f510b07f1e98924d4 to your computer and use it in GitHub Desktop.
Save tnoworyta/c2e44b708aeee54f510b07f1e98924d4 to your computer and use it in GitHub Desktop.

HR Activities manager

Background

You were assigned a task to create React.js application to mange activities for the human resources department in ABC company. HR managers now place sticky notes on the blackboard with the activity description and the employee name. When the activity is done, they take that note from blackboard and trash it.

Since you are a frontend developer you have agreed to automatize this process by applictation based on React.js with REDUX store.

Functionalities for the version 1.0

Details:

  • Activity has description, employee and status (todo/done)
  • Employee has name

The Activity manager application should have the following functionalities:

  • Employees list - where they can list all employees and add new ones
  • Add activity - where they can add new activity (writing some description and selecting employee from the dropdown)
  • Activities - they see a list of all undone activities with description and to whom they are assigend, they can click Mark as done on each activity to remove it from list (switches the state of activity)

Note

Don't bild everything from scratch - use some app generator to create React.js with ES6 config. You can install any library you need and use any documentation online. The goal of this task is to have all the functionallity in place. The app does not need to look pretty at this stage so you don't need to bother with styling for now. When you finish, please push the solution onto your github account.

Time for the task: 2 hours. Since time is a constraint, please place everyhthing on one page (let's not use router as it will require more config). Also let's not use any form package but just use plain inputs in your components.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment