Build and deploy responsive portfolio website react #2 | TailwindCSS

3 years ago
16

Welcome!

Topic: Responsive portfolio website react

#responsiveportfoliowebsite #react #tailwindcss

Let's build and deploy a responsive 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:25 - Setting up the project with NextJS and TailwindCSS
08:15 - Setting up custom color with TailwindCSS
12:11 - Setting up custom font with TailwindCSS
14:49 - Start coding
36:20 - Setting up cards with TailwindCSS
48:53 - Setting up cards scaling and transition with TailwindCSS
58:33 - Creating grid view with TailwindCSS
01:05:08 - Adding HeroIcons
01:23:44 - Adding react-scroll effect to navigation
01:29:41 - Make responsive to support multi-screen
01:40:18 - Deploying to Vercel

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

Loading comments...