← Back to projects

PERSONAL PROJECT • REACT

Practising React through a simple, concrete project.

Flowboard is a personal project I built to keep practising React and TypeScript while experimenting with a Kanban-style interface.

The Flowboard board with its Ideas, In progress and Done columns and its pinned notes
Role
UI design & front-end development
Technologies
React & TypeScript
Goal
Practise React and experiment with drag and drop

01 / CONTEXT

Why this project?

I wanted to keep practising React and TypeScript through a small personal project, while taking the time to explore and test recent changes in React.

I chose to build a Kanban board: a simple concept that still provides opportunities to work with data management, component interactions and task movement.

02 / INTERFACE

A cork board

I also designed the application. I went with the idea of a cork board with sticky notes and pins, giving the Kanban a slightly more personal look than a traditional board.

The interface is intentionally simple: three columns organise tasks by progress and allow them to be moved from one state to another.

03 / DEVELOPMENT

Working on interactions

The project allowed me to keep working with React and TypeScript components, state management and interactions related to moving cards.

Flowboard is intentionally a small project: its main purpose was to practise and experiment rather than build a complex application.