Kanban

A full stack kanban-style task management app built with React Context & Hooks, Node.js, Express, PostgreSQL, and Material UI.

🎬 Watch the demo video at frankie.engineer/highlights

Features

• ✏️ Add tasks & subtasks
• ✅ Update task status
• 🌙 Dark Mode
  
  

Add Tasks

Update Status

Add Subtasks

Dark Mode

Setup

1. Install dependencies for the Back End:

cd backend
npm install 

2. Setup the Database:

cd backend
cd databae
psql
CREATE DATABASE kanban;
\c kanban
\i 0_reset.sql

3. Install dependencies for the Front End:

cd frontend
npm install

4. Start the Front End:

cd frontend
npm start

5. Start the Back End:

cd backend/server
nodemon index.js