JustFolio - Dynamic Portfolio Management System

JustFolio is an enterprise-grade, decoupled portfolio CMS and personal brand showcase platform engineered for software engineers, tech leads, consultants, and digital creators. Built on the modern, minimalist Tokyo portfolio architecture, JustFolio empowers developers to manage their entire digital presence in real time without needing code redeployments.

The platform features a three-tier decoupled architecture comprising a high-performance Next.js (App Router) public client with dynamic dark/light mode, an executive React 19 + Tailwind CSS v4 admin dashboard, and a robust Node.js / Express / TypeScript REST API powered by MongoDB Atlas and AWS S3.

Core Platform Components

• Public Portfolio Client (Next.js App Router): Minimalist Tokyo-inspired design with smooth AOS entrance animations, dynamic dark/light mode switching via next-themes, typewriter hero presentations, interactive resume timelines, skill proficiency meters, category-filtered portfolio showcases, rich news reading modals, and interactive contact forms.
• Executive Admin Dashboard (React 19 & Vite 7): Built with Tailwind CSS v4, TanStack Table, AG Grid, and Zustand. Includes real-time bio and hero editing, about section manager, experience & education timeline controls, portfolio project uploader with category taxonomy, Quill-powered rich news publishing suite with syntax highlighting, contact lead inbox, and internal todo checklist.
• Modular Backend API (Node.js, Express & TypeScript): Clean domain-driven architecture under /api/v1/* with Joi payload validation, JWT authentication with role guards, Nodemailer SMTP for contact inquiry alerts and OTP password recovery, and AWS S3 media pipeline via multer-s3.

Key Features & Capabilities

• Zero-Downtime Resilience: Built-in fallback data layer ensures the public client remains 100% operational and visually complete even during API latency or offline database states.
• Interactive Resume & Milestones: Experience and education timeline entries with live active status badges, skill proficiency meters, knowledge tags, and client testimonial sliders.
• Services & Pricing Packages: Configurable service catalog with tiered pricing cards, feature checklists, client/partner brand showcases, and operational metric counters (fun facts).
• Rich Article & News Publishing: Full-featured blog/news suite with slug generation, tag management, cover photo uploads, and an interactive reading modal for visitors.
• Lead Management & Inquiries: Automated contact form persistence in MongoDB paired with instant SMTP email notifications delivered directly to the site owner.
• Enterprise Media Pipeline: Direct image uploads to Amazon S3 for profile avatars, portfolio work covers, partner logos, and news thumbnails.