I Built a Minimal Developer Portfolio Using React + Tailwind + Vite

At long last, I have built my own developer portfolio website. Not just the GitHub profile page from last video. Or the Terminal Website from earlier this year. But a custom website with an intuitive, minimal design that gives a prospective client a quick look at me and my work as a developer, because I want them to shower me with money so I’ll build something similar for them.
Okay, okay. This isn't my actual developer portfolio, but one I built in order to teach y'all how to build it yourselves.

The tools I used for this project include:
Vite - Build tool for the boilerplate and structure
JavaScript - Programming language
React - JavaScript library for building user interfaces
Tailwind - CSS framework
Hostinger - Web hosting platform
GitHub - Version control & CI/CD via Hostinger integration

This video is not to go into full detail on every aspect of the development of this project, but more of an entertaining showcase to give you inspiration and an overall idea of how something like this is built. Next video will be the tutorial on how you can build this exact website, with these tools, yourself. So subscribe if that’s of interest to you.

Resources:

This video is sponsored by Hostinger.

------------------------


📓 Learning Resources:

👨‍💻 My Coding Gear:

[zainbaloch]

Make a video on how much coding do we need to know in order to start applying to entry-level jobs or posting freelancing gigs! plz plz plz

[wyalves]

I've been wanting to build my own portfolio website for a while now, but I've been putting it off. Seeing how you built yours so quickly gave me a willpower boost!! Thx dude!

[dannybsmusic]

This is awesome, love the content my friend! Also the Kevin Powell comment was hilarious 😂

[beanznsause.]

Great vid man glad 2 see u back again, keep up the good work!

[lology]

Nice to hear your voice again Forrest! Excellent video as always.

[MatthewJury]

I built a static webpage with a bloated javascript framework

[rayforever]

3:21 test, test test ! 😂😂 Duh but you did really email them back

[jassertayari]

Amazing video as always! Looking forward for the detailed tutorial!

[benteiko]

Love it. Looking forward to the tutorial.

[okage_]

wow i literally just finished deploying my portfolio and i see this

[yash]

5:29 who says its more complex, i always want to do stuff that way - data in one place, and somehow getting autfetched in the frontend with one formatting.
thanks a lot for showing that.

[chriscastillo]

Very nice. Typescript is misspelled on the site, just so you know.

[WeeShaun]

Looking forward to the tutorial for this. Hope you upload it soon:) I would like to build my open portfolio upon this approach

[maslow]

Anyone else notice he misspelled portfolio item as portfolio iten but then it cuts to the right one after :D just an observation not judging :D

[BitTwilight]

Dude i liked your terminal website yes it was best for dev users but aside from that that was perfect site

[KevinOsterkilde]

4:19 - That's not a new line, it's just a space. One you don't need at all either.

[JoelJosephReji]

Yeah the hover for the about section does sound like a cool idea! Btw maybe a scrolling section might be good for your projects instead of putting the stuff that overflows in a new row below?

[limblamb]

Feels crazy that devs now get to watch videos of such high quality to geek out for! Awesome to see such passion, great video.
I got a question too, how do you manage content for this site? Looks like there is no cms or back-end, is it possible to set up something like that on the repo too, and make it work with the auto-deploy?

[Slink]

You uploaded a vite tutorial the day turbopack was announced...

[yusufmafif]

thank you, but i'm use it as a tutoriall 🙏