/fake-trello

:memo: A simple task manager for pesonal use inspired by trello interface.

Primary LanguageTypeScript

Fake Trello

A simple task manager for pesonal use inspired by trello interface.

Author: Cazuza N. Barberino Framework: React JS Language: Typescript

|    Live Demo    |

Contents

Motivation

I wanted to challenge myself by creating a "drag and drop" system from scratch. During development, I learned a lot about React and would do a few different things if I remade the project, but I am quite happy with the end result.

Features

  • Create and delete task lists.
  • Create and delete tasks.
  • Organize tasks and lists through drag and drop.
  • Set due date for tasks.
  • Create labels to better organize tasks.
  • Filter tasks by label.

Libraries & Technologies

🔧 Main Technologies:

  • React JS
    • Hooks
  • TypeScript

📁 Libraries:

  • Moment JS
  • Axios
  • Styled Components
  • Polished
  • Shortid
  • React Icons

🌎 Placeholder Text Api:

Instalation

  1. Have Node.js and Yarn installed.
  2. Clone the project by running this command: https://github.com/cazuzabarberino/fake-trello.git
  3. Go to the project's folder and run yarn install to install dependencies.
  4. Run yarn start

Media