Skip to content

itsmetrina/mini-kanban-board

Repository files navigation

🗂️ Mini Kanban Board

A minimal drag-and-drop Kanban board built with React + TypeScript + Vite, designed to explore unit & integration testing in frontend development.


✨ Features

  • 🧱 Column-based board layout
  • 📝 Add, move cards between columns
  • 🌒 Dark theme by default
  • 🧪 Setup for unit & integration testing with Vitest + Testing Library

🚀 Tech Stack

  • React 19
  • TypeScript
  • Vite
  • Vitest (unit + integration testing)
  • Testing Library (React DOM testing)

🧪 Running Tests

npm run test

Ensure TypeScript is configured to include:

"types": ["vitest", "node"]

🛠️ Project Structure

src/
├── components/
│   ├── Board.tsx
│   ├── Column.tsx
│   └── Card.tsx
├── utils/
│   ├── boardUtils.ts
├── App.tsx
└── index.tsx

📦 Install & Run

npm install
npm run dev

About

A minimal Kanban board built with React + TypeScript for testing & learning

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published