Back to Projects Overview
Full-Stack Architecture Case Study

TaskFlow Platform

A high-performance full-stack task management platform built with Next.js 16 App Router, serverless PostgreSQL on Neon (verify-full SSL), persistent user avatar sessions, Vitest component test harness, and ⌘K quick search shortcuts.

https://todo.marco-romero.com
TaskFlow Dashboard Interface
Latency Target

< 100ms

Neon Pooled Queries
Test Suite

Vitest Integration

Component Assertions
Security

verify-full SSL

IDOR & Node-PG Guarded
UI Shortcuts

⌘K Search

Quick Task Navigation

Latest Release Updates (v1.3.0)

Persistent Avatar Sessions

User avatarUrl persistence across logins, reloads, and OAuth session tokens.

⌘K Quick Search Modal

Instant command palette for filtering, jumping between task lists, and searching.

Vitest Test Harness & verify-full SSL

Integrated Vitest unit test suite and strict PostgreSQL verify-full connection pool.

System Specifications & Architecture

Explore system diagrams, relational database architecture, and REST API standards.

Full-Stack System Data Flow

Client UI
Next.js 16 + React 19
Route Handlers
JWT Validation & Sanitization
Neon PostgreSQL
Serverless Database

1. Auth Flow: User signs in via 1-Click Recruiter Demo ➔ Server verifies bcrypt ➔ Signs JWT token.

2. Security: Server-side Route Handlers intercept Bearer header and check user boundary scopes.

3. Database: Queries execute over SSL pooled connections against Neon PostgreSQL.

Zero-Client Secrets

Database credentials (`DATABASE_URL`) and JWT secrets remain strictly server-side.

Transactional Email

Automated welcome emails dispatched via Resend API upon registration.

Recruiter Demo Mode

Instant 1-Click authentication for immediate portfolio evaluation.

Experience TaskFlow Live

Explore the application directly or review the full source code on GitHub.