React Portfolio Website Tutorial | Build And Deploy React JS Portfolio Website | Intellipaat
0🔥Enroll for Advanced Certification in Full Stack Web Development: https://intellipaat.com/full-stack-web-developer-mean-stack-certification-training/
#ReactPortfolioWebsiteTutorial #BuildAndDeployReactJSPortfolioWebsite #Intellipaat
In this practical React JS portfolio website tutorial, I will teach you how to build and deploy a fully responsive personal portfolio website from scratch! By the end of this video, you will know how to create a React app from scratch, how to use the react icons library in your React projects, how to use react useState hooks, how to build modern website designs with TailwindCss, how to use Tilt JS (to create the effect) in your react projects, how to add multiple contact options on your website we will also see how to add particle background and animate it.
🔵 Following topics are covered in this session:
0:00 Introduction
3:08 React App creation
5:24 Setting up React folder Structure
8:25 Tailwindcss Setup
11:36 Creating Background using Partical.js
20:23 Creating Utils Style
28:01 Creating About.js page
51:40 Creating Navbar.js
1:14:19 Creating Introduction.js
1:23:07 Setting up React tilt
1:50:49 Creating Project.js
2:10:22 Creating Contact.js
2:25:02 Creating Footer.js
2:35:00 Implementing React Scroll
2:41:00 Pushing on Github
2:44:55 Deploying on Netlify
2:46:29 Wrap up
247:01 Course Page
We will learn:-
✅ Setting up a React development environment
✅ Creating a responsive and visually appealing portfolio layout
✅ Integrating dynamic content and showcasing your projects
✅ Implementing smooth animations and transitions
✅ Deploying your portfolio to the web using popular hosting platforms like Netlify
✅ How to apply image animation using tailwindcss and React
✅ How to animate letters on hover using React
✅ How to add moving background using tsparticals
✅ How to create custom 3D CSS animations
✅ How to implement font icons in React
✅ How to create and implement a contact form in React
➡️ About the Course
Our Full Stack Developer course will help you gain expertise in the latest front-end and back-end technologies of Application Development. Gain hands-on experience with skills and technologies such as SQL, Java, Data Structures, JavaScript, HTML, CSS, NodeJS, React, etc. under the guidance of industry professionals. Get an executive post-graduation Full Stack Developer certification from iHUB DivyaSampark, IIT Roorkee & Microsoft to advance your career!
➡️Who should take this course?
☑️Anyone with a bachelor’s degree and a passion for full-stack web development
☑️Professionals looking to grow their careers in software development
☑️IT professionals with a bachelor’s degree looking to transition to full-stack development
☑️Project managers/product managers looking to up-skill
☑️Anyone who wants to build a full-stack developer portfolio
✅ Key Features - (Course Features)
👉🏼12 months live online instructor-led sessions
👉🏼100 Hrs Self-paced Videos
👉🏼300 Hrs Project & Exercises
👉🏼Learn from IIT Faculty & Industry Experts
👉🏼Certification by iHUB, IIT Roorkee
👉🏼Certification by Microsoft
👉🏼3 Guaranteed Job Interviews upon movement to the Placement Pool
👉🏼The top 2 performers per batch will receive Rs 80000 in fellowship*
What’s Covered in This Program? -
✅Programming Fundamentals
✅Object Oriented Programming
✅Exception Handling and Threading
✅Data Structures and Algorithms
✅Front End Development
✅Back End Development
✅System Design
📌 Do subscribe to Intellipaat channel & come across more relevant Tech content: https://goo.gl/hhsGWb
⏩ Salesforce Playlist: https://www.youtube.com/playlist?list=PLVHgQku8Z935cAFugekxZwpxYqJkiBfQO
▶️ Intellipaat Achievers Channel: https://www.youtube.com/@intellipaatachievers
🚀 Intellipaat Advanced Certifications
🌕 Advanced Certification in Cloud Computing: https://intellipaat.com/advanced-certification-cloud-computing/
🌕 Advanced Certification in Data Science: https://intellipaat.com/advanced-certification-data-science-ai-ihub-iit-roorkee/
🌕 Advanced Certification in Full Stack Web Development: https://intellipaat.com/web-development-certification/
🌕 Advanced Certification in UI UX Design: https://intellipaat.com/UI-UX-course-iitm-pravartak/
🌕 Advanced Certification in Electric Vehicle Design: https://intellipaat.com/advanced-certificate-electric-vehicles-ihub-iit-roorkee/
📌Website: https://intellipaat.com/
📌Facebook:https://www.facebook.com/intellipaatonline
📌Telegram: https://t.me/s/Learn_with_Intellipaat
📌Instagram: https://www.instagram.com/intellipaat
📌LinkedIn: https://www.linkedin.com/company/intellipaat-software-solutions/
📌Twitter: https://twitter.com/Intellipaat
📚For more information, please write back to us at sales@intellipaat.com or call us at IND: 7847955955 / USA: 1-800-216-8930