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 - [email protected]
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