← Retour aux projets

PROJET PERSONNEL • REACT

Pratiquer React avec un projet simple et concret.

Flowboard est un projet personnel que j’ai réalisé pour continuer à pratiquer React et TypeScript, tout en expérimentant avec une interface de type Kanban.

Tableau Flowboard avec ses colonnes Idées, En cours et Terminé et ses notes épinglées
Rôle
Design UI & développement front-end
Technologies
React & TypeScript
Objectif
Pratiquer React et expérimenter avec le drag & drop

01 / CONTEXTE

Pourquoi ce projet ?

Je voulais continuer à pratiquer React et TypeScript à travers un petit projet personnel, tout en prenant le temps de découvrir et tester les évolutions récentes de React.

J’ai choisi de réaliser un tableau Kanban : un concept simple qui permet néanmoins de travailler la gestion des données, les interactions entre composants et le déplacement des tâches.

02 / INTERFACE

Un panneau de liège

J’ai également réalisé le design de l’application. Je suis partie sur l’idée d’un panneau de liège avec des post-it et des punaises, afin de donner au Kanban une apparence un peu plus personnelle qu’un tableau classique.

L’interface reste volontairement simple : trois colonnes permettent de classer les tâches selon leur avancement et de les déplacer d’un état à un autre.

03 / DÉVELOPPEMENT

Travailler les interactions

Le projet m’a permis de continuer à travailler avec les composants React et TypeScript, la gestion de l’état et les interactions liées au déplacement des cartes.

Flowboard est volontairement un projet de petite taille : son objectif principal était de pratiquer et d’expérimenter, plutôt que de construire une application complexe.