I Built My Portfolio to Look Like a Code Editor (Next.js & Tailwind)
I wanted to challenge my frontend skills by building a personal portfolio that feels like home for developers. In this video, I’m showcasing my custom-built portfolio designed to look and function exactly like a code editor (similar to VS Code).
This was a fun UI/UX challenge focused on file-tree routing, clean layouts, and interactive components. Just sharing this build with the dev community—let me know what you think of the execution in the comments!
💻 Tech Stack Used:
Framework: Next.js & React
Styling: Tailwind CSS
Language: TypeScript
⏱️ Video Chapters:
0:00 - Home / The index.tsx File
0:16 - About Me / Bio & Tech Skills
0:26 - Projects Repository Showcase
0:36 - Contact Form / Terminal
0:46 - Custom 404 & Loading States
1:10 - Exploring Hidden Config Files
Drop a comment if you have any feedback on the UI or questions about how I built specific components!