Fake Trello

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

|    Live Demo    |

Contents

• Motivation
• Features
• Libraries & Technologies
• Instalation
• Media

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:

• Bacon Ipsum

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