Real time collaborative note app

A full-stack real-time note-taking application built with React, Redux, TipTap, Socket.io and Hocuspocus supporting live multi-user editing, shared notes, and role-based access.

Tech Stack

Frontend

  • React
  • Redux Toolkit
  • TipTap (with collaboration extensions)
  • Axios
  • Socket.IO Client
  • Bootstrap / Custom CSS

Backend

  • Node.js + Express
  • MongoDB + Mongoose
  • Socket.IO
  • Hocuspocus server (Websocket)
  • JSON Web Tokens (JWT)

DevOps

  • Vercel (frontend)
  • DigitalOcean Droplets (backend)
  • Github Actions (CI/CD)
  • NGINX (Reverse Proxy)
  • Cert-Manager + Let’s Encrypt (HTTPS)