Pablo Carvalho Projects

Project 3 — Productivity

TaskFlow App

A practical solution to organize tasks, routines, and goals with simplicity.

Productivity Web App React

About the Project

TaskFlow is a personal productivity app based on the Kanban method. It lets you organize tasks into customizable columns — To Do, In Progress, and Done — with drag-and-drop support, colored priorities, and due dates. It works completely offline thanks to local storage in the browser.


The app was developed with TypeScript to ensure static typing and reduce runtime errors. Vite was chosen as the bundler for its speed in development and in the final build. The interface is fully responsive, working equally well on desktop and mobile.

Tech Stack

Framework & Language

React 18
TypeScript
Vite
JSX

State & Data

React Context
useReducer
LocalStorage
React DnD

Styling & UX

CSS Modules
CSS Variables
PWA
Service Worker

Featured Technologies

⚛️

React 18

Concurrent features, Suspense, and state transitions for a more responsive UI.

🔷

TypeScript

Full static typing across all components, props, and reducers in the project.

🖱️

React DnD

Native drag-and-drop between Kanban columns with visual feedback during dragging.

📱

PWA

Installable as a native app on mobile and desktop, with full offline support.

← Back to Projects