My Portfolio Journey
Inspiration
I wanted to create something that people would stop and look at. Not just another portfolio that blends into the background, but something that catches the eye while still being clean and easy to navigate. I kept thinking about those websites that stick with you after you close the tab - that's what I was aiming for with mine. I wanted visitors to feel like every click was worth their time, where the design gets out of the way so they can focus on my work.
What it does
My portfolio showcases my work in a straightforward yet engaging way. I built it to be both professional and fun to explore. There are plenty of interactive elements - from buttons that bounce slightly when you hover over them to project thumbnails that respond to your cursor. The email button connects directly to your mail app when clicked (no copying and pasting needed!), and my GitHub and LinkedIn profiles are just one click away. The projects section highlights three of my favorite works, and each image takes you straight to the live site. I also added a contact form at the bottom for anyone who wants to reach out. The whole thing runs on just HTML and CSS - sometimes simplicity works best.
How I built it
I started in Visual Studio Code by setting up my file structure and organizing my images folder first - learned that lesson the hard way on previous projects! Then I mapped out the HTML skeleton to get the structure right before diving into the CSS styling. I focused on getting the design elements to complement my work rather than compete with it. Once everything looked good locally, I pushed it to GitHub and set up GitHub Pages to host it live.
Challenges I ran into
Styling was definitely my biggest headache. Finding a background that set the right mood without stealing attention from my projects took longer than I'd like to admit. Then there was the profile picture drama - turns out getting a photo that looks professional but still feels like "me" is surprisingly tough! The trickiest part was adding just enough interactivity to make the site feel alive without turning it into a circus of animations that would distract from my work.
Accomplishments I'm proud of
Honestly? Just finishing it feels like a win. There were definitely days when I stared at the screen, wondering if I should scrap everything and start over. Having a two-week deadline hanging over me didn't help with the pressure, but pushing through that mental block and actually completing something I'm not embarrassed to share - that's what I'm most proud of.
What I learned
Technically, I got much better at using CSS transforms to create subtle interactive elements. But the bigger lesson was about patience, with both the code and myself. Some days, the ideas just weren't flowing, and I had to learn that stepping away from the screen was sometimes the most productive thing I could do.
What's next for My Portfolio
I'm not entirely sure yet. This was my first competition submission, so I'm still processing what worked and what didn't. I'm thinking about exploring some more creative approaches now that I have this foundation to build on. Maybe adding some JavaScript to take the interactivity to the next level? We'll see where inspiration strikes next.
Log in or sign up for Devpost to join the conversation.