Project Overview
The primary goal was to create a “living resume” that demonstrates technical creativity and frontend expertise. The interface features a functional sidebar “Explorer,” a tabbed file system, and a realistic status bar, making the act of browsing a portfolio feel like reviewing a codebase.
Key Interactive Features
- Dynamic IDE Navigation: Users can toggle between home.jsx, about.html, resume.pdf, and contact.css to view different sections of the site.
- Live Project Integration: A dedicated projects section showcases “Stuff I’ve Built,” including platforms like Bullnose Analysis for stock market data and Intelligence Mesh for marketing.
- Real-time Git Stats: The portfolio connects to GitHub APIs to display the “6 Latest Updated Repositories,” total followers, and repository counts, providing live proof of coding activity.
- Automated Article Feed: An integrated dev.to page fetches recent technical posts, such as “Setting Up CELERY in Django,” showcasing thought leadership and writing skills.
- Theme Customization: A functional “Settings” page allows users to switch between popular developer themes like GitHub Dark, Dracula, Ayu, and Nord in real-time.
Whether you are looking to build a minimalist developer portfolio or a complex IDE-style website, this project demonstrates the perfect balance of technical problem-solving and creative design.