watermark logo

3 Views· 14 July 2022

Build and Deploy a Fullstack Responsive Portfolio Website | ULTIMATE Step By Step Tutorial 2022

Advertisement

Advertise With Vidude


MilesSidhu
Subscribers

Do you know the best way to show your skills to employers or potential clients? Stand out from the crowd by presenting a well-digitalized flexible portfolio and get your dream job.

You'll also learn how to work with Sanity. Sanity.io is the platform for structured content. It allows you to manage text, images, and other data using APIs.

💻JS Mastery Pro - https://jsmastery.pro?discount=youtube
✅ A special YOUTUBE discount code is automatically applied!

Need the projects to put on this portfolio? Impress your employers with the NFT Marketplace and Filmpire - https://www.jsmastery.pro 🔥

⭐Sanity JSM Subscribers Special - https://www.sanity.io/javascriptmastery2022
⭐Sanity Content Platform - https://www.sanity.io
⭐Sanity Slack Channel https://slack.sanity.io

📙MUST HAVE PORTFOLIO GUIDE - https://resource.jsmasterypro.com/portfolio-guide

📚 Materials/References:
GitHub Code (give it a star ⭐): https://github.com/adrianhajdi....n/project_profession
Sanity Schemas: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdi....n/project_profession/tree/master/backend_sanity_portfolio/schemas
Styles & Other Code: https://gist.github.com/adrian....hajdin/52b513f1d8a81
Assets: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdi....n/project_profession/tree/master/src/assets
CSS BEM Methodology: https://www.devbridge.com/arti....cles/implementing-cl

In this video, you'll learn #ReactJS Best Practices, file, and folder structure, the use of SCSS, #Animations using the most popular animation library - Framer Motion. And most importantly, you’ll learn how to use #Sanity. Sanity will allow us to dynamically manage the content of the entire application.

🌐 My personal recommendation for hosting services: https://www.hostinger.com/javascriptmastery
💻 Discord - https://discord.gg/n6EdbFJ
💻 Master JavaScript: https://www.completepathtojavascriptmastery.com/
Use the special promo code "YOUTUBE" on checkout to save $60!

❤️ Support JavaScript Mastery & Suggest Future Videos:
BuyMeACoffe: https://www.buymeacoffee.com/JSMastery
Patreon: https://www.patreon.com/javascriptmastery

🌎 Find Me Here:
Discord Group: https://discord.gg/n6EdbFJ
Instagram: https://instagram.com/javascriptmastery
Twitter: https://twitter.com/jsmasterypro

💼 Business Inquiries:
E-mail: contact@jsmasterypro.com

Time Stamps 👇
00:00:00 Intro
00:03:55 Backend Setup
00:21:23 File & Folder Structure
00:32:34 Navbar
01:05:18 Header Section
01:32:29 About Section
01:43:53 Sanity & React
01:56:19 Higher-Order Components
02:09:37 Work Section
02:42:52 Skills Section
03:24:38 Testimonial Section
03:50:57 Contact Section
04:18:25 Deployment

Show more


Up next

Advertisement

Advertise With Vidude


0 Comments