Trello 2.0 built using NEXT JS, Tailwind CSS, Drag&Drop library, Zustand, Appwrite cloud and GPT-3.5-turbo:-

This is a clone of Trello, a popular task management application

What i learnt in this project:-

1. Better understanding of web development using Next JS and Tailwind.
2. Implementing Drag & Drop library functionality.
3. Implementing Zustand for state management.
4. Working with the realtime database provided by Appwrite Cloud.
5. Use of headless-ui components.

Live version of the app:- Link

Screenshots of the app:-

Landing Page:-

Next.js + Tailwind CSS Example

This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind docs.

Preview

Preview the example live on StackBlitz:

Deploy your own

Deploy the example using Vercel:

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-tailwindcss with-tailwindcss-app
# or
yarn create next-app --example with-tailwindcss with-tailwindcss-app

Deploy it to the cloud with Vercel (Documentation).