This Website
My personal website built with Next.js and Tailwind CSS. A real place for my thoughts and projects.
The Story
This is my personal website, designed to be a real place on the internet rather than just another portfolio. It's built with modern web technologies and focuses on content over flashy design.
I needed a place to share my thoughts, projects, and ideas. Most portfolio websites feel sterile and corporate - I wanted something that felt like a real person's space on the internet.
This website scratches my own itch: a place to write, share, and connect with people who think similarly.
Tech Stack
Frontend
Features
Components
Performance
Design Philosophy
Content First
The design serves the content, not the other way around. Clean typography, proper spacing, and minimal distractions.
Performance
Fast loading times, optimized images, and efficient code. Built with LCP optimization in mind.
Accessibility
Proper semantic HTML, keyboard navigation, and screen reader support. Everyone should be able to use this website.
Responsive
Works perfectly on all devices - mobile, tablet, and desktop. No compromises on any screen size.
Key Features
Smart Navigation
Clean navigation with "Go back" button, social media links, and search functionality. Keyboard shortcuts (⌘K) for power users.
Rich Content
22 different content pages covering essays, projects, notes, and more. Each page follows the same clean design principles.
Interactive Elements
Hover effects, animated text changes, and the random page redirector ("Click Me" button). Adds playfulness without being distracting.
Theme Support
Automatic light/dark mode detection based on system preferences. Consistent color scheme across all themes.
Project Status
Core Structure
All 22 pages, navigation system, responsive design, and theme support completed.
In Progress
Adding content to individual pages, writing essays, and refining user experience.
Next Steps
Blog functionality, content management system, and performance optimizations.
Key Insights
Start Simple
Begin with a basic structure and add complexity gradually. It's easier to add features than to remove them.
Design System
Having consistent spacing, typography, and colors from the start makes everything look cohesive and professional.
Performance Matters
Even a simple website benefits from optimization. Fast loading times improve user experience significantly.
Content First
Design should serve the content, not dominate it. Users come for the information, not the fancy animations.