Hoopla

Notion-inspired task manager with editable blocks

Next.js 12

Framework

MongoDB

Database

Material-UI & SASS

UI Styling

GNU GPLv3

License

A clean, Notion-like to-do application built with Next.js and MongoDB. Created as a distraction-free workspace for organizing daily sprints and task notes without bloated project management UI.

Data flow simulation● OK

IN PROGRESS

Optimise API Route

COMPLETED

Editable Note Blocks

Next.jsReactMongoDBMongooseMaterial-UISASSnext-connectJWTBcrypt

Engineering notes

// 01Created Notion-style inline editable note cards using react-contenteditable.

// 02Structured API routes with `next-connect` for clean middleware chaining and MongoDB connection pooling.

// 03Added user sign-up with password strength scoring (`password-meter`), bcrypt hashing, and JWT sessions.

Prev: Velora Next: AnonChat