Skip to content

RatanaSenpai/React-Kanban-Board

Repository files navigation

Logo Crazee Burger Kanban Board

Il s'agit d'un projet basique de tableau Kanban développé comme exercice d'apprentissage pour mieux comprendre TypeScript avec React. Le projet utilise ViteJS comme outil de build et TailwindCSS pour le style.

Screenshot

Logo

Stacks Utilisées

  • React : Une bibliothèque JavaScript pour construire des interfaces utilisateur.
  • TypeScript : Un langage de programmation à typage fort qui s'appuie sur JavaScript.
  • ViteJS : Un outil de build frontal extrêmement rapide.
  • TailwindCSS : Un framework CSS first-utility pour construire rapidement des designs personnalisés.
  • react-beautiful-dnd : Une bibliothèque de glisser-déposer belle et accessible pour les listes avec React.
  • react-ionicons : Composants d'icônes React pour Ionicons.
  • styled-components : Primitives visuelles pour l'ère des composants qui utilisent des littéraux de gabarits dans JavaScript et CSS.
  • react-router & react-router-dom : Routage déclaratif pour les applications React.

react styled-component react-router context typescript viteJS Tailwind

Apprentissages Clés

  • Glisser et Déposer : Implémentation utilisant react-beautiful-dnd, apprendre comment rendre les listes et les tableaux interactifs.
  • Structure de Dossiers : Adoption d'une structure de dossiers basée sur les composants pour organiser le projet, le rendant plus facile à gérer et à scaler.
  • Intégration de React et TypeScript : Expérience acquise dans l'utilisation de TypeScript dans des applications React pour améliorer la fiabilité et la maintenabilité du code.

Demo

https://kanban-board-six-smoky.vercel.app/