Build professional portfolio website #3 using ReactJS, NextJS and TailwindCSS
Welcome!
Let's build a professional portfolio website from scratch using ReactJS, NextJS and TailwindCSS. It's a beginner friendly video, if you do not know anything about web development, this video should help you get started.
You can get the source code from here - https://shepherdgames.itch.io/portfoliowebsites
Chapters:
00:00 - Introduction
02:47 - Setting up the project with NextJS and TailwindCSS
08:20 - Building professional portfolio website
08:52 - Adding head title to the website
09:47 - Creating fixed header with menu items
15:17 - Adding custom font with TailwindCSS
19:32 - Adding main content
19:54 - Installing TailwindCSS extension in Visual Studio Code
26:45 - Adding click to scroll function with react-scroll component
32:00 - Making the header responsive and mobile friendly by adding bottom menu
45:57 - Adding responsive and mobile friendly About screen
01:19:18 - Adding responsive and mobile friendly Skills screen
01:23:42 - Adding ring element using TailwindCSS
01:31:46 - Adding responsive and mobile friendly Education screen
01:32:14 - Adding roadmap view using Table from TailwindCSS
01:36:11 - Adding animation ping effect from TailwindCSS
01:53:42 - Adding responsive and mobile friendly Contact screen
01:58:56 - Adding responsive and mobile friendly Work screen
02:00:56 - Adding animation bounce effect from TailwindCSS
02:01:53 - Adding work portfolio
Get our games and related assets
itch.io - https://shepherdgames.itch.io
Codester - https://www.codester.com/sudeep98/shop
Construct - https://www.construct.net/en/game-assets/users/shepherdgames-152200
Gamedevmarket - https://www.gamedevmarket.net/member/shepherd-games/
You may contact us for any game development requirements or support for any game of our assets or any help with Construct 3 game logics
Email - contact@shepherd.games
Discord - https://discord.gg/WrMwKKEaUn
Website - https://www.shepherd.games
Follow us
Facebook - https://www.facebook.com/shepherdgames
Twitter - https://twitter.com/_shepherdgames
Pinterest - https://in.pinterest.com/shepherdgames
Instagram - https://www.instagram.com/shepherdgames
Twitch - https://www.twitch.tv/shepherdgames1
Support us
Paypal - https://paypal.me/shepherdgame
Patreon - https://www.patreon.com/shepherdgames
BuyMeACoffee - https://www.buymeacoffee.com/shepherdgames
#portfoliowebsite #nextjs #tailwindcss
-
1:01:08
The Tom Renz Show
16 hours agoElection Fraud, Government Corruption, and the Southern Border With Mark Fincham
8311 -
25:18
ScottyFindsAdventure
1 day agoI explored America’s loneliest towns
41 -
6:03:59
Akademiks
12 hours agoDrake sent Cease and Desist Letter to Kendrick Lamar over SuperBowl?? YSL Trial Erupts. JUDGE SNAPS!
60K24 -
2:25:55
Fresh and Fit
11 hours agoCharlie & Miguel Return to Fresh&Fit
98.2K18 -
1:34:26
Kim Iversen
13 hours agoBioLab On Fire, People Are Underwater and Is Israel Our Greatest Ally or Greatest Threat?
97.5K287 -
8:49
Colion Noir
11 hours agoIs Carbon Fiber The Future of Carry Guns | Kimber R7 Carbon Compact
62.3K40 -
1:14:31
Donald Trump Jr.
19 hours agoOn Every Issue, the Left is Lying, Interviews with Ned Ryun & Dinesh D’Souza | TRIGGERED Ep.178
149K182 -
3:15:49
The Breanna Morello Show
19 hours agoMike Benz in Studio: Hillary Clinton & John Kerry Declare War on First Amendment | The Breanna Morello Show
93.4K53 -
1:54:42
Kimberly Guilfoyle
16 hours agoSave America: President Trump in Erie, PA- Replay September 29
121K51 -
59:12
Flyover Conservatives
1 day agoUN Power Grab… Are They Using Google to Control Dissent and Push Propaganda? - Alex Newman; Economic Update - Dr. Kirk Elliott | FOC Show
84.8K10