This is Leo's personal website!😊
If you'd like, you can open the app and test out the text editing and tag adding for yourself. Those are the most technically impressive features.
Below is a gallery of my resume bullet points' content.
I'm still figuring out how to best present this stuff.
(WE'RE JUST GONNA USE A LIBRARY LATER. MAYBE MASONRY. MAYBE SOMETHING CUTER.)
The github source code may be more interesting:
Some blog posts I intend on writing
- What's the deal with JavaScript bundlers?Headaches with dynamic imports...
- What I'm learning from building a blogThere's a lot.
- What I've learned from building ScrapbookPolishing is sometimes worth it.
Currently Reading:
- Designing Data-Intensive ApplicationsPage 217/601
- The Pragmatic ProgrammerPage 66/489
- A Philosophy of Software DesignPage 65/157
Scrapbook
• Built experimental full-stack platform for prototyping developer experience improvements, featuring optimized CRUD operations and specialized tooling implementations.
• Built personal blog CMS where I write about software development.
• Built scalable architecture for interactive features using React Server Components.
• Implemented rich text editing system with TipTap, featuring Discord-like message caching and preview states.
• Reduced GET request latency from 300ms to 50ms through optimized queries and TanStack Query caching.
• Implemented real-time WebSocket telemetry with resilient error handling for system monitoring and analytics.
• Built and deployed RESTful Go image compression microservice using Docker, AWS Lambda and API Gateway.
• Implemented robust data handling with Zod-enforced schema validation, ensuring end-to-end type safety for JSON data across client-server boundaries.
• Integrated Claude's LLM API for intelligent tag suggestions and content organization.
• Migrated database from Vercel to Supabase with Drizzle ORM, ensuring complete data preservation.
• Implemented NextAuth.js authentication (Google, GitHub, email) and AWS S3 file storage.
• Built responsive UI using Tailwind CSS and shadcn/ui with optimized rendering and pagination.
• Maintained code quality through regular reviews and refactoring, with Figma-driven UI/UX design cycles.
Git Inline
• Published open-source NPM React component library to visualize Git history, adding lilconfig to resolve JavaScript bundler issues.
Potato Image Compressor
• Built a Dockerized image processing pipeline in Go using goroutines and sync primitives.
• Boosted throughput by 6.3x over baseline, validated via k6 load testing.
• Designed modular algorithm architecture with swappable compression strategies (e.g., libvips).
• Used Adapter Pattern to expose logic via HTTP/gRPC, tracking metrics via Prometheus/Grafana + shell tooling.
Fold Single-Line Comments
• Published VS Code extension solving 1000-day-old StackOverflow issue now used by 60+ developers.