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.
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.