Task Manager

A small application using react and node js to manage tasks.

Available Scripts

In the project directory, you can run:

yarn

Run yarn to install the dependencies in package.json

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.
You will also see any lint errors in the console.

yarn server

Runs the REST Api server.
Open http://localhost:8080 to view it in the browser. For example you can test this link http://localhost:8080/api/getAbsences

yarn test

Launches the test runner in the interactive watch mode.\

yarn build

Builds the app for production to the build folder.\

Documantation

The project consists of a serverside back-end and a react client. The server-side application was programmed using Node Express which exposes a REST Api that the client can use. The client-side instance was made with ReactJs and Redux Toolkit.

Inside of server

• getAbsences service method to retrieve absences data (POST /api/getAbsences)

set input :

    { "startDate": "2020-01-01", "endDate": "2020-12-29", "type": "vacation|sickness" }

will output :

    [{
      "admitterId": null,
      "admitterNote": null,
      "confirmedAt": null,
      "createdAt": null,
      "crewId": null,
      "endDate": null,
      "id": null,
      "memberNote": null,
      "rejectedAt": null,
      "startDate": null,
      "type": null,
      "userId": null,
      "memberName": null
    }]

• getMembers service method to retrieve members data (POST /api/getMembers)

will output :

    [{
      "crewId": null,
      "id": null,
      "image": null,
      "name": null,
      "userId": null
    }]

• getAbsence service method to retrieve a record of absence by id (GET /api/getAbsence/id)

will output :

    {
      "admitterId": null,
      "admitterNote": null,
      "confirmedAt": null,
      "createdAt": null,
      "crewId": null,
      "endDate": null,
      "id": null,
      "memberNote": null,
      "rejectedAt": null,
      "startDate": null,
      "type": null,
      "userId": null,
      "memberName": null
    }

• getMember service method to retrieve a record of member by id (GET /api/getMember/id)

will output :

    {
      "crewId": null,
      "id": null,
      "image": null,
      "name": null,
      "userId": null
    }

Inside of client

• There is a page with 3 filters, include: Start Date, End Date, Absence Type
• When The page is loading, there are 3 state : loading, error, absence(payload)
  • loading : waiting for get data
  • error : get error
  • absence : absence data
• After getting data, data is shown in Datatable