As a systems engineering student and frontend dev, I wanted a portfolio that
looked professional without spending days fighting with design. So I built one —
and ended up turning it into a reusable template.
Here's what I focused on while building it:
1. Customization from a single file
The biggest pain with most templates is digging through components to change
your info. I put everything — name, bio, projects, skills, social links — into
ONE config file. Edit that, and the whole site updates.
2. Light & dark mode
Developers love dark mode, so I made it the default, with a smooth toggle for
light mode. Both are fully themed.
3. Mobile-first & responsive
Most people will view a portfolio on their phone, so I built it mobile-first
and tested it down to small screens.
4. Easy deployment
It works out of the box with Vercel or any static host, with a beginner-friendly
setup guide in the README.
The stack
- React + Vite
- Tailwind CSS
- Formspree-ready contact form
You can see the live demo here: devfolio-template-vercel-app.vercel.app
I also made it available as a template if it's useful to anyone: https://payhip.com/b/t1VUk
Would love to hear your feedback — what do you look for in a developer portfolio?