en / es / ca / de

Task Manager

This is my first project developed with React. It is a simple task manager in which you can add advanced features such as priority or date and time.

Source code

Features

  • New tasks can be added through a form.
  • Priority, date and time also can be added, besides the title and description of the task.
  • Tasks are organized by time and can be deleted at any moment.
  • The expiration date is blue if it is not expired, or red if it is expired. If the task is already done, it will have no colour.
  • When a task is marked as completed, it moves into the completed tasks section.
  • If a task has been marked as completed by mistake, it is possible to reverse the movement.

What I learned

  • How to build a React project with class components.
  • How to import and export modules in React.
  • How to validate forms.
  • How to generate unique identifiers with UUID.
  • How to manage the state and move properties between components.
  • How to use LocalStorage for data remanence.
  • How to specify property types with PropTypes.

Technologies

  • Front-end: React (JavaScript), CSS-Bootstrap
  • Back-end: -