Project · 2023

Trello Clone

A Trello 2.0-style kanban board built with Next.js, with drag-and-drop and search.

Screenshot of Trello Clone

About this project

A kanban-style task board modeled on Trello 2.0: boards, columns, and cards with animated drag-and-drop and a search bar that filters todos in place.

The frontend is Next.js with Tailwind CSS and HeadlessUI, and todos are fetched dynamically from an Appwrite backend. Built in 2023 as a deep-dive into drag-and-drop interactions and optimistic UI updates.

Features

  • Kanban board layout modeled on Trello
  • Animated drag-and-drop for cards
  • Search bar with live filtering
  • Appwrite-backed dynamic data
  • Next.js with optimized images