jlowe.ai
A production-deployed full-stack portfolio platform built with Next.js, featuring 76 React components, 32 RESTful API endpoints, and a custom CMS. Includes a Three.js-powered 3D animated background, real-time analytics with 13 custom events, and comprehensive test automation with 2,962 tests achieving 77% code coverage.
About This Project
jlowe.ai is a full-stack personal portfolio and content management system built with Next.js 15, PostgreSQL, and Prisma ORM. The application features 76 reusable React components, 32 RESTful API endpoints, and 16 database models powering a complete content ecosystem.
Technical Highlights:
- 3D Animated Interface: Custom "Supernova" starfield background built with Three.js and React Three Fiber, featuring WebGL shaders, mouse-reactive camera controls, and reduced-motion accessibility fallbacks
- Custom CMS: Full-featured admin dashboard with NextAuth authentication, Vercel Blob media uploads, CRUD operations for projects/articles/settings, bulk import/export, and activity logging
- Real-Time Analytics: 13 custom tracking events (scroll depth, read duration, social shares, search queries) integrated with Vercel Analytics
- Interactive Features: Project portfolio with multi-criteria filtering/sorting/search, blog with threaded comments and likes, newsletter subscriptions, and GitHub contribution graph integration
Quality & Testing:
- 2,962 automated tests (2,771 Jest unit/integration + 191 Playwright e2e)
- 76.57% code coverage across 159 test suites
- CI/CD pipeline via GitHub Actions with automated testing on push
Accessibility & Performance: WCAG-compliant with reduced motion preference detection, optimized for Core Web Vitals, and deployed on Vercel's edge network.