Build a Responsive Personal Portfolio Website using React JS with Vite and Tailwind CSS
In this video, you will learn how to build a Personal Portfolio Website using React JS with VIte and Tailwind CSS. The webssite is designed for beginner who is learning the combination of ReactJS, Vite, and Tailwind CSS. Hope this video help people who wants to begin their journey on becoming website developer.
Chapters:
0:00 Intro
2:07 Install dependencies
3:40 Install prettier and prettier-plugin-tailwindcss (optional)
4:10 Copy assets and remove boilerplate
4:39 Google Fonts
5:32 Tailwind CSS configuration
8:16 Navbar
12:07 Hero
20:23 Services
24:59 Testimonials
29:04 Hire
30:56 Contact
37:57 Sidebar and add functionality
44:03 Outro
∎ Download Source Code: https://github.com/jadibikin/john-doe-port...
∎ Our Website: https://jadibikin.com
∎ Follow Us on Instagram: https://www.instagram.com/jadibikin.db
Background Music:
________________________________________________________________
Song: Lost Sky - Where We Started (feat. Jex) [NCS Release]
Music provided by NoCopyrightSounds
Free Download/Stream: http://ncs.io/WhereWeStarted
Watch: • Lost Sky - Where We Started (feat. Jex) | ...
Song: Lost Sky x She Is Jules - Darkness
Music provided by NoCopyrightSounds
Free Download/Stream: http://NCS.io/Darkness
Watch: • Lost Sky x She Is Jules - Darkness | Synth...
Song: PLEEG - Spirit [NCS Release]
Music provided by NoCopyrightSounds
Free Download/Stream: http://NCS.io/Spirit
Watch: • PLEEG - Spirit | Electronic Pop | NCS - Co...
Song: Lost Sky - Vision pt. II (feat. She Is Jules) [NCS10 Release]
Music provided by NoCopyrightSounds
Free Download/Stream: http://NCS.io/Vision2
Watch: • Lost Sky - Vision pt. II (feat. She Is Jul...
Song: Syn Cole - Need Ya [NCS Release]
Music provided by NoCopyrightSounds
Free Download/Stream: http://NCS.io/NeedYa
Watch: • Syn Cole - Need Ya | House | NCS - Copyrig...
Song: 4URA & Young Viridii - Yesterday [NCS Release]
Music provided by NoCopyrightSounds
Free Download/Stream: http://NCS.io/Yesterday
Watch: • 4URA & Young Viridii - Yesterday | DnB | N...
Song: Axel Oliver x THEBOYWITHSPEC - Survive [NCS Release]
Music provided by NoCopyrightSounds
Free Download/Stream: http://NCS.io/AOSurvive
Watch: • Axel Oliver x THEBOYWITHSPEC - Survive | H...
Song: Wiguez & EH!DE - The Path (Ft. Agassi) [NCS Release]
Music provided by NoCopyrightSounds
Free Download/Stream: http://NCS.io/ThePath
Watch: • Wiguez & EH!DE - The Path (ft. Agassi) | D...
Song: Netrum & Halvorsen - Circle [Arcade Release]
Music provided by NoCopyrightSounds
Free Download/Stream: http://ncs.io/Circle
Watch: • Netrum & Halvorsen - Circle [Arcade Release]
Song: Johnning - WHAT THE HELL (OBLVYN Remix) [NCS Release]
Music provided by NoCopyrightSounds
Free Download/Stream: http://NCS.io/WTHOBLV
Watch: • Johnning - WHAT THE HELL (OBLVYN Remix) | ...
Song: JJD & Division One - Somebody Like Me (feat. Halvorsen) [NCS Release]
Music provided by NoCopyrightSounds
Free Download/Stream: http://NCS.io/JJDSomebody
Watch: • JJD & Division One - Somebody Like Me (fea...
Song: Near x Far - Not Enough [NCS Release]
Music provided by NoCopyrightSounds
Free Download/Stream: http://NCS.io/NotEnough
Watch: • Near x Far - Not Enough | DnB | NCS - Copy...
Song: The Arcturians & Defunk - Back For More [NCS Release]
Music provided by NoCopyrightSounds
Free Download/Stream: http://NCS.io/BackForMore
Watch: • The Arcturians & Defunk - Back For More | ...
Song: Almost Weekend & Max Vermeulen - Island (ft. Michael Shynes)
Music provided by NoCopyrightSounds
Free Download/Stream: http://NCS.io/Island
Watch: • Almost Weekend & Max Vermeulen - Island (f...
#responsive #responsivewebsite #responsivedesign #responsivewebdesign #landingpagecreator #portfoliowebsite #portfoliodesign #personalportfolio #reactjs #tailwindcss #tailwind #reactjsforbeginners #reactjstutorial #websites #website #websitedesign #buildwebsite #createwebsite