React Portfolio Website Tutorial | Build And Deploy React JS Portfolio Website | Intellipaat

preview_player
Показать описание

#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
20:23 Creating Utils Style
1:23:07 Setting up React tilt
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


🚀 Intellipaat Advanced Certifications

Рекомендации по теме
Комментарии
Автор

i found error in starting Module not found: Error: Can't resolve 'tsparticles-slim' in
mam if it is possible please share git hub link of source code

shakilahamad
Автор

react-tsparticles module wala folder m error aa rha mam

itskampitojha
Автор

where do i get the source code
and images

prasadshinde
Автор

Without source code. It's waste of time

shortstories