Kanban is a project management tool that allows for the visualization and organization of tasks on an interactive board. With it, it's possible to create and track the progress of activities in different stages of a process, with a friendly and intuitive interface.

The board is divided into columns that represent the process stages, such as "To do", "In progress" and "Done".

The user can add cards to each column, representing the tasks that need to be completed. These cards can have a detailed description. From there, it's possible to move the cards between the columns as tasks are completed.

       

PREVIEW

✨ Features

Web application

• 🔛 fully responsive
• 📦 manage board, columns & tasks
• 🌙☀️ switch between dark & light mode
• 🤝 Drag n' Drop tasks

🚀 Getting Started

Prerequisites

• Node.js

Clone

Clone this repo to your local machine using:

git clone https://github.com/censuradho/kanban.git

Setup

Backend

all process takes place in backend folder

Environment vars

Create a .env file with follow content

DATABASE_URL="file:./dev.db"

Install dependencies

yarn

or

 npm install

Running migrations

yarn prisma migrate dev

or

npx prisma migrate dev

Running development server

yarn start:dev

or

npm run start:dev

If you open browser on follow url http://localhost:3333/, you should see a hello world message.

Web application

all process takes place in web folder

Environment vars

NEXT_PUBLIC_BACKEND_URL=http://localhost:3333

you can see the full list of environment vars in the config/app.ts file

Install dependencies

yarn

or

 npm install

Running development server

yarn dev

or

npm run dev

If you open browser on follow url http://localhost:3000/, you should see the home screen.

💫 Roadmap

Check our issues page for more details about what we're building.