React Portfolio Website Tutorial Using ReactJS, Bootstrap 5 & Sass 🔥
How To Build A Responsive Web Developer Portfolio Website With React JS, Bootstrap 5 and Sass | Full Landing Page Tutorial for Beginners.
ReactJS, bootstrap 5, Sass, react js portfolio website, responsive portfolio website build with react, bootstrap & sass, web development tutorial, front end web developer skills, html, css, react website, javascript, react component, responsive design.
In this web development tutorial you will learn how to make a modern portfolio website page using reactjs, bootstrap5 and sass. The project contain more components: top navbar, header, about section, projects section, contact section and footer with a second bottom navigation.
-----------------------------------------------------------------------------------
You might like these recommended videos from the channel:
React JS Restaurant Website Project | Responsive Bootstrap 5 Design ► • React JS Restaurant Website Project |...
React JS University Website Project | Tutorial for Beginners - PART 1 ► • React JS University Website Project |...
React JS Admin Dashboard Tutorial with Bootstrap 5 and Recharts ► • React JS Admin Dashboard Tutorial wit...
Channel playlists:
Web Development Tutorials ► • Responsive Navbar with HTML, CSS and ...
Bootstrap Websites Videos ► • Responsive Bootstrap 5 Landing Page D...
React JS Tutorials ► • React JS Restaurant Website Project |...
-----------------------------------------------------------------------------------
Ionut Cora Web Development Channel Link ► / @ionutcorawebdev
Please SUBSCRIBE to the Channel and turn on the notifications bell, so you don't miss any future upload videos ► / @ionutcorawebdev
-----------------------------------------------------------------------------------
👉 Source code GitHub repository ( please give a Star ⭐ to the repository and Follow to my GitHub profile ) ► https://github.com/ionutcora-webdevel...
-----------------------------------------------------------------------------------
Social Media Links:
👉 Etsy Shop: https://www.etsy.com/shop/IonutThemes
👉 Ionut Cora Web Development Blog ► https://coraionut.com/
👉 Instagram ► / ionutcora.webdev
👉 TikTok ► / ionutcora.webdev
👉 Pinterest ► / ionutcorawebdev
✨ Etsy HTML Templates:
Modern Portfolio HTML Template ► https://www.etsy.com/uk/listing/17248...
Photography HTML Template ► https://www.etsy.com/uk/listing/17197...
Business Coach HTML Template ► https://www.etsy.com/uk/listing/17402...
-----------------------------------------------------------------------------------
Time stamp:
0:00 - Intro
2:40 - React JS install
8:00 - Navigation Bar component
18:40 - Hero section
30:00 - About section component
36:00 - Projects component
50:00 - Contact section
58:00 - Contact form component
1:05:00 - Footer component
1:11:40 - Final project presentation
-----------------------------------------------------------------------------------
Credit:
React JS
Bootstrap 5
Sass
Visual Studio Code Editor
Google Fonts - Poppins and Bebas Neue Family Fonts
Unsplash - Free Images
-----------------------------------------------------------------------------------
Thanks for watching! 👍
Make sure to Like, SUBSCRIBE [ / @ionutcorawebdev ] for more ❤️ , Share and Comment!
#react #programming #webdevelopment