How to Build a Minimal Developer Portfolio Website Using React + Tailwind + Vite
About
No channel description available.
Latest Posts
Video Description
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
You May Also Like
Essential Gaming Upgrades
AI-recommended products based on this video

GIGABYTE AORUS GeForce RTX 3080 Ti Master 12G Graphics Card, Max Covered Cooling, 12GB 384-bit GDDR6X, GV-N308TAORUS M-12GD Video Card

GIGABYTE AORUS GeForce RTX 3080 Xtreme 10G (REV2.0) Graphics Card, Max Covered Cooling, LHR, 10GB 320-bit GDDR6X, GV-N3080AORUS X-10GD REV2.0 Video Card

95MM T129215SU Cooling Fan for ASUS ROG Strix for GeForce RTX 3060 3070 3080 3090 Ti Graphics Card CF1010U12S/D T129215BU(Black A-Fan T12)

GIGABYTE GeForce RTX 3080 Ti Eagle OC 12G Graphics Card, 3X Windforce Fans, 12GB 384-bit GDDR6X, GV-N308TEAGLE OC-12GD Video Card

KOORUI 27-inch IPS WQHD (2560 x 1440) Computer Monitor, 100Hz, AdaptiveSync, HDMI, DP Port, Tilt, VESA Mountable, Eye Care, 2K PC Monitor for Gaming and Working, Black, E2721F

VersionTECH. Gaming Mouse Ergonomic Wired Computer Mouse with 7 Colors LED Backlight, 4 DPI Settings Up to 3600 DPI Compatible for Chromebook Windows 7/8/10/11 XP/Mac/Linux Gamer/Notebook/MacBook

HLDIRECT 47 Inch Gaming Desk with LED Lights, Home Office Gamer Desk, Ergonomic Computer Table with Large Carbon Fiber Desktop, Computer Desk with Cup Holder & Headphone Hook for Home Office, Black

SEVEN WARRIOR Gaming Desk with LED Lights & Power Outlets, 55" Computer Desk with Monitor Shelf, Home Office Desk with Cup Holder and Headphone Hook, Ergonomic, Carbon Fiber Surface Black

Asus ROG Azoth Wireless Mechanical Gaming Keyboard β 75% TKL, Tri-Mode Connectivity, Hot Swappable Pre-lubed ROG NX Snow Linear Switches, PBT Keycaps, RGB, OLED Display, PC/Mac Support - Black

TMKB 60% Mechanical Gaming Keyboard, Brown Tactile Switch, LED Backlight, Anti-Ghosting, Detachable USB-C, Double-Shot Keycaps, 61 Keys, Wired, White

MSI Gaming Backlit RGB, Dedicated Hotkeys, Anti-Ghosting, Water Resistant Mechanical Feel Gaming Keyboard, Crisp Typing +12 Million Click Life Span, Steady Gaming Base Support (Vigor GK30 US)

Cmokifuly GMK67 65% Mechanical Keyboard Kit Tri-Mode South-Facing RGB LED for 3/5pin Switches,66 Keys+1 Knob Hotswap Socket PCB Gasket Mounted Plate Gaming DIY Keyboard Kit (White)

Redragon M612 Predator RGB Gaming Mouse, 8000 DPI Wired Optical Mouse with 11 Programmable Buttons & 5 Backlit Modes, Software Supports DIY Keybinds Rapid Fire Button

Lenovo M210 RGB Wired Gaming Mouse for PC, Laptop, Computer with Windows & Chrome OS - 3 Zone RGB, 8000 DPI Adjustable Sensor, 7 Programmable Buttons β Palm Grip Mouse for Gamers (Black)

Lenovo Legion KM310 RGB Wired Gaming Keyboard & Mouse Combo - K310 Keyboard w/Silent Operation & Compact Water-Resistant Design - M300S Mouse with 8000 Adjustable DPI, 220 IPS, 6 Programmable Buttons

Logitech G502 Hero High Performance Wired Gaming Mouse, Hero 25K Sensor, 25,600 DPI, RGB, Adjustable Weights, 11 Programmable Buttons, On-Board Memory, PC/Mac, Black

230W Charger Compatible with Razer Blade 14β 15β 16" 17β (2025-2018) RZ09 RTX-3060/3070/3080/4060/4070 Gaming Laptop RC30-0530 RC30-0238 RC30-0248 Replacement Power Adapter

Lenovo LOQ 15.6" FHD 144Hz Gaming Laptop, Intel Core i5-12450HX, NVIDIA GeForce RTX 2050, 16GB DDR5, 2TB Storage (1TB SSD+1TB Docking Station Set), Number Pad, 720p Camera, Wi-Fi 6, Win 11, Gray

Acer Nitro V 16 AI Gaming Laptop, 16" WUXGA 180Hz Display, AMD Ryzen 5 240, GeForce RTX 5050, 16GB DDR5, 512GB SSD, Backlit Keyboard, Copilot, Wi-Fi 6E, Win 11, Black, 1TB Docking Station Set

Lenovo Legion 5 15.1" WQXGA 165Hz Gaming Laptop, Intel i9 14900HX, GeForce RTX 5070 8GB GDDR7, 16GB DDR5, 2TB Storage(1TB SSD+1TB Docking Station Set), 24-Zone RGB Backlit Keyboard, Windows 11, Black

18.5 Inch Portable Touchscreen Gaming Monitor, High Resolution 1920x1080 with HDR, for PC, Phone Game Console, Easy Connection, Large Display

Gawfolk 32 Inch 4K UHD (3840 x 2160) High ResolutionοΌ60Hz Ultra-Thin Bezel Computer Monitor οΌwith HDMI/DP, Home Office Business PC Monitor, Black

ARZOPA Portable Monitor, 16.1" FHD 1080P Kickstand 100% sRGB High Color Gamut Portable Laptop Monitor IPS Eye Care Screen for High-end Office & Entertainment - Z1C

24 Inch Portable Monitor, Smart Touch Screen TV with Built in Battery, High Definition LCD Screen, Floor Standing Display Screen for Home (US Plug)

Seventable L Shaped Computer Desk with Power Outlets & LED Lights, 44.6"Small Home Office Desk with 3 Fabric Drawers, Reversible Gaming Desk with Storage Shelves, Corner Desk with Monitor Stand, White

ODK Gaming Desk with Led Lights & Power Outlet, 48 Inch Gaming Computer Desk with Storage Shelves, PC Desk with Monitor Stand, Gamer Desk Table for Home Office, Black

SEVEN WARRIOR Gaming Desk with LED Lights & Power Outlets, 55" Computer Desk with Monitor Shelf, Home Office Desk with Cup Holder and Headphone Hook, Ergonomic, Carbon Fiber Surface Black

Rolanstar Computer Desk L Shaped 56.7" with LED Lights & Power Outlets, Reversible L Shaped Gaming Desk with Monitor Stand, Office Desk with Storage, Writing Desk with USB Port & Hook, Black

Asus ROG Delta II Wireless Gaming Headset with Detachable Mic β Tri-Mode (BT, 2.4GHz, 3.5mm), 50mm Titanium-Plated Drivers, 110Hr Battery, Lightweight, for PC, PS5, PS4, Xbox, Switch, Mobile - Black

HyperX CloudX Stinger 2 Core - Gaming Headset for Xbox, Lightweight Over-Ear headsets with mic, Swivel-to-Mute Function, 40mm Drivers - White

Ozeino Wireless Gaming Headset for Ps5, Ps4, Switch, Ultra Stable 2.4GHz USB & Type-C, Bluetooth 5.3 Gaming Headphones with Flip Mic, 40+Hr Battery Gamer Headset for PC, Laptop, Mobile, Mac(White)

BINNUNE Gaming Headset with Microphone for Xbox Series X|S Xbox1 PS4 PS5 PC, Gamer Headphones with Mic Casque for Xbox 1

Laptop Screen Extender Monitor - 14 Inch Portable IPS FHD 1080P HDMI/USB-A/Type-C Extended Monitor for Laptops (Maximum Length: 15.74") Compatible with Windows Mac Travel Gaming Work

MSI Force GC30 V2 White Gaming Wireless Rechargeable Dual Vibration Gaming Controller for PC and Android - GC Edition

MSI Force GC30 V2 Gaming Wireless Rechargeable Dual Vibration Gaming Controller for PC and Android

Xbox Core Wireless Gaming Controller β Shock Blue for Series X|S, One, Windows PC, Android, and iOS

Xbox Core Wireless Gaming Controller β Pulse Red for Series X|S, One, Windows PC, Android, and iOS

230W Charger Compatible with Razer Blade 14β 15β 16" 17β (2025-2018) RZ09 RTX-3060/3070/3080/4060/4070 Gaming Laptop RC30-0530 RC30-0238 RC30-0248 Replacement Power Adapter

Lenovo LOQ 15.6" FHD 144Hz Gaming Laptop, Intel Core i5-12450HX, NVIDIA GeForce RTX 2050, 16GB DDR5, 2TB Storage (1TB SSD+1TB Docking Station Set), Number Pad, 720p Camera, Wi-Fi 6, Win 11, Gray

Acer Nitro V 16 AI Gaming Laptop, 16" WUXGA 180Hz Display, AMD Ryzen 5 240, GeForce RTX 5050, 16GB DDR5, 512GB SSD, Backlit Keyboard, Copilot, Wi-Fi 6E, Win 11, Black, 1TB Docking Station Set




















