A look behind the scenes at how this website is designed and built, along with the tech stacks.
This website is my digital home. It's where I share projects, technical writing, book notes, experiments, and ideas that I'm exploring. I wanted a site that feels fast, intentional, and easy to navigate while giving me the flexibility to keep adding new features over time.Most interfaces was designed in code, with the occasional use of Figma for wireframes and Photoshop when creating graphics or assets. My focus is on thoughtful typography, clear visual hierarchy, accessibility, and subtle interactions that improve the experience without becoming distracting.
The site is built with a React and Next.js 15 stack using TypeScript throughout. Content is written in MDX, styling is handled with Tailwind CSS, and Motion powers the animations and page transitions. Everything is deployed on Vercel with preview deployments available for every change.
Some of the technologies used throughout the site include:
The AI chatbot feature is powered by the Vercel AI SDK and uses the Gemini-2.5-flash language model to answer questions about me, my experience, projects, and other content across the site. It leverages my website's content together with an llms.txt file to provide accurate and context-aware responses about my background.
The books content is managed in Notion using the official JavaScript SDK, while Open Source GitHub repositories is integrated through Octokit SDK to select the up to date projects with most stars.
Typography plays an important role in the overall design. Body text uses Inter for readability across different screen sizes. Section headings use Cooper-Hewitt Medium to provide structure and consistency, while the homepage hero uses Bitform, a display typeface that creates a strong first impression.
Rather than relying on many different fonts, I prefer a small type system with carefully chosen sizes and weights that keeps the interface cohesive across desktop and mobile devices.
No website is built in isolation. Some ideas on this site were inspired by designers and developers who openly share their work, source code, and design decisions.
I'm a frontend-focused full-stack engineer, so I care about more than just how an interface looks. I pay close attention to performance, accessibility, developer experience, maintainability, and creating reusable components that can evolve as a product grows.
This site is version-controlled with GitHub and continuously deployed through Vercel that is also the nameserver for my domain. New features are shipped incrementally, and I regularly revisit existing code to improve performance, simplify implementations, and refine the overall user experience.
Open source has shaped my career in countless ways. I'm grateful to the maintainers who build the libraries I use every day, and to the designers, engineers, writers, and educators who generously share their knowledge with the community.
This website is the result of learning from that ecosystem, building on those ideas, and adding my own along the way.
