vira-velmozhna/collab-plan.astro
← projects
const project = "collab-plan";

collab-plan

A full-stack monorepo with a Next.js frontend and an Express + Socket.IO backend, with a one-click guest demo.

Next.js 14TypeScriptTailwind CSSSocket.IOExpressMongoDBJWTVercelRender
collab-plan screenshot

Overview

Plan Together is a real-time collaborative to-do list. Share a list with another user and you both see tasks appear, change and get ticked off as it happens, without refreshing.

Visitors can try it without signing up: "Try the demo" creates a throwaway guest account with a sample list.

What I built

  • Next.js 14 (App Router) frontend with TypeScript and Tailwind CSS
  • Express REST API with MongoDB (Mongoose) and JWT authentication
  • Real-time updates with Socket.IO — each list is a room, so task changes are pushed to everyone viewing it
  • List sharing by username, with owner and "shared with me" lists
  • Guest demo accounts seeded with a sample list and pruned automatically after 7 days
  • npm workspaces monorepo; frontend on Vercel, backend on Render, database on MongoDB Atlas