How to Build a Minimal Developer Portfolio Website Using React + Tailwind + Vite

Get 80% off with Hostinger’s Black Friday deal: https://www.hostinger.com/forrestknight (use code FORREST for an extra 10% off)

As you may know, I built a minimal 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 you and your work as a developer. And now, I've decided to create a tutorial to teach you how to build this exact website for yourself.

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

Repo: https://github.com/ForrestKnight/minimal-portfolio
Website: https://thehackershideout.com

0:00 Overview & Tools
2:14 Create project w/ Vite and Tailwind
4:14 Setup boilerplate and connect files
11:25 Intro
16:43 Portfolio
28:34 Timeline
39:04 Contact
45:20 Footer
46:42 Title
49:01 Dark mode
58:25 GitHub, Hostinger, and Actions
1:07:12 Thanks for Watching!!

This video is sponsored by Hostinger.

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

🐱‍🚀 GitHub: https://github.com/forrestknight
🐦 Twitter: https://www.twitter.com/forrestpknight
💼 LinkedIn: https://www.linkedin.com/in/forrestpknight
📸 Instagram: https://www.instagram.com/forrestpknight

📓 Learning Resources:
My Favorite Machine Learning Course: https://imp.i384100.net/YgYEBJ
Open Source Computer Science Degree: https://bit.ly/open-source-forrest
Python Open Source Computer Science Degree: https://bit.ly/python-open-source
Udacity to Learn Any Coding Skill: http://bit.ly/udacity-forrest

👨‍💻 My Coding Gear:
My NAS Server: https://amzn.to/3brqO7b
My Hard Drives: https://amzn.to/3aKetMi
My Main Monitor: https://amzn.to/3siQfPa
My Second Monitor: https://amzn.to/3keHT84
My Standing Desk: https://amzn.to/3boAcbC
My PC Build: https://bit.ly/my-coding-gear
My AI GPU: https://amzn.to/3uvmUmz

Видео How to Build a Minimal Developer Portfolio Website Using React + Tailwind + Vite канала ForrestKnight