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.
- Role
- UI design & front-end development
- Technologies
- React & TypeScript
- Goal
- Practise React and experiment with drag and drop
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.
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.
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.