Build React Responsive Portfolio Website | Complete React JS & CSS Website Project Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ก.ค. 2024
  • Learn how to build a professional responsive portfolio website using React JS and CSS in this complete tutorial!
    In this project-based tutorial, we'll cover everything you need to know to create a stunning and responsive portfolio website.
    Source Code:
    buymeacoffee.com/codewithyous...
    Topics covered:
    Setting up a new React project with Create React App
    Building a responsive navigation menu and header
    Creating a hero section with React and CSS
    Building a portfolio section with React and CSS
    Adding a contact form and footer
    What you'll learn:
    How to build a responsive portfolio website with React and CSS
    How to use React Hooks and React Router for navigation
    How to style your website with CSS and React
    Who is this tutorial for:
    Beginners looking to learn React and build a professional portfolio website
    Intermediate developers looking to improve their React skills and build a responsive website
    Anyone looking to learn how to build a complete React project from scratch
    Resources:
    Follow along with the tutorial and build your own responsive portfolio website
    Subscribe to our channel for more React tutorials, coding challenges, and web development content!
    Timestamp:
    0:00 Demo of Portfolio Webpage
    01:49 Create React App with Vite
    04:50 General CSS (index.css)
    07:34 Design Navbar
    16:00 Hero (Home) Page
    28:07 General CSS (index.css)
    32:27 Add About Me Section
    47:14 Add Experience (Skills) Section
    58:48 Add Projects Section
    01:07:40 Add Contact Section
    01:17:00 Add Footer
    #reactjs #portfolio #website

ความคิดเห็น • 4

  • @-kz6dy
    @-kz6dy 2 หลายเดือนก่อน +1

    can you make video how to jwt refresh token store in database

  • @godwinoyale3550
    @godwinoyale3550 2 หลายเดือนก่อน +1

    Pls how do you import the react icons

  • @ourpride5630
    @ourpride5630 2 หลายเดือนก่อน

    Is here use routing

  • @jayeshsabale5021
    @jayeshsabale5021 2 หลายเดือนก่อน