DEV Community

Ehsan Kahrizi
Ehsan Kahrizi

Posted on

Finishing My Personal Website: Mobile-Friendly, Dark Mode, and a Better Projects Section

GitHub “Finish-Up-A-Thon” Challenge Submission






 This is a submission for the GitHub Finish-Up-A-Thon Challenge

What I Built

I revisited my personal website and decided to turn it into a more complete and polished portfolio.

The project originally started as a simple personal website hosted on GitHub Pages. While it was functional, many planned features and improvements were never completed.

For this challenge, I am working on improving the mobile experience, adding dark mode support, enhancing the Projects section, improving SEO, fixing existing issues, and making the website more interactive and professional.

My goal is to transform an unfinished personal website into a modern portfolio that better represents my work, skills, and projects.

Demo

Live Website

https://ehsankahrizi.github.io/

GitHub Repository

https://github.com/Ehsankahrizi/Ehsankahrizi.github.io

Current Status

This project is currently being improved as part of the GitHub Finish-Up-A-Thon Challenge.

Planned improvements include:

  • Better mobile responsiveness
  • Dark mode support
  • Enhanced Projects section
  • Improved SEO
  • More interactive user experience
  • Better website performance
  • Additional pages and content
  • Fixing existing usability issues

The Comeback Story

When I returned to this project, I realized that many ideas I originally had for the website were still unfinished.

Although the website was online, it still had several limitations:

  • The mobile experience needed improvement.
  • Dark mode was not available.
  • The Projects section was incomplete.
  • The contact functionality needed attention.
  • SEO optimization was missing.
  • The website relied on a mostly single-page structure.
  • User interactions were limited.
  • Performance could be improved.

Instead of starting a new project, I decided to revisit this existing one and finally complete the improvements that had been postponed.

This challenge provided the perfect opportunity to continue development, clean up the codebase, improve the user experience, and turn the website into something I can confidently share with others.

My Experience with GitHub Copilot

GitHub Copilot has been a valuable companion while revisiting and improving an older project.

I have used Copilot to understand existing code, generate implementation ideas, speed up repetitive coding tasks, and explore different approaches to solving problems.

As development continues throughout this challenge, Copilot helps me focus more on design decisions, usability improvements, and overall user experience instead of spending time on routine coding work.

The combination of GitHub Pages and GitHub Copilot has made it much easier to continue an unfinished project and move it toward a more polished and professional result.

Screenshots

Before

  • before-desktop.png
  • before-mobile.png
  • before-projects.png
  • before-contact.png

After

  • after-desktop.png
  • after-mobile.png
  • theme-toggle.png

One specific way GitHub Copilot helped during this challenge was by suggesting CSS improvements for mobile responsiveness and helping implement a dark mode theme switcher. This reduced the time required to make UI improvements and allowed me to focus more on refining the overall user experience.

Results

During this challenge, I completed several important improvements to my personal website:

  • Improved mobile responsiveness across different screen sizes
  • Added a persistent dark mode / light mode theme switcher
  • Enhanced the overall user experience and visual design
  • Improved accessibility and navigation
  • Updated the project documentation and development workflow

These changes transformed the website into a more polished and professional portfolio that better represents my research, projects, and software contributions.

Top comments (0)