Build a Responsive Portfolio Project in React from Scratch

Design the homepage introduction with a name, brief profession, and a get started button that navigates to the technology section, using a portfolio assets background and bootstrap-centered layout.

In this lecture, finish the intro section styling by building a reusable primary button with white background, rounded borders, bold font, and hover glow using the Montserrat font.

Create a responsive header in a React portfolio project by adding a fixed-position hamburger menu that toggles between a menu and a close icon using useState, with icons from react-icons.

Implement a responsive header with a collapsible hamburger menu, absolute positioned nav items, and animated show hide transitions; wire links to home, projects, courses, and contact using clean styling.

Learn to design a responsive header and intro for a React portfolio. Implement media queries, mobile adjustments, and active navigation highlighting to ensure a polished, accessible user experience.

Design a 3d image carousel from scratch for a portfolio homepage using React and React Icons, without libraries, and set up the carousel layout with overlapping slides for polished look.

Build a responsive image carousel in a React project by applying 3D transforms, perspective, and rotation with eight images, hover effects, and box reflections.

Explore the JavaScript section of building a React portfolio, detailing the tech stack, styling and backend, and implementing wave effects, color themes, a three-row layout with images, and neuromorphic shadows.

Explore the development stack for a React portfolio, listing technologies such as JavaScript, React, Redux, Angular, Node.js, Express, MongoDB, and styling frameworks like Tailwind, Material UI, Bootstrap, and Semantic UI.

Develop and style the who am I section of the portfolio home page using a center blob background, responsive CSS, flex centering, and hover effects in React.

Explore how to build the introduction section of a React portfolio projects page, with a two‑part layout (text and blob image), responsive styling, and a get started call to action.

Build a responsive portfolio projects page in React by rendering projects from a static JSON file and displaying images from the public folder with an overlay featuring title and description.

Implement an overlay on each project card that appears on hover, darkening the image and highlighting title, description, and demo button. Use absolute positioning, centered content, and a scale transition.

Learn to create a responsive React portfolio project list with a linear infinite animation lasting 20 seconds, using keyframes from left to right and a rotation, while hiding overflow.

Explore the courses intro of a responsive portfolio built in React, featuring a background waves scene, rotating text, and starter course elements with responsive styling.

Explore responsive design in a React portfolio by refining media queries and animations, adjusting padding and font sizes for mobile, and applying a rotation animation to the courses intro.

Learn to design the why choose us section of the courses page in a React portfolio project, building structured blocks, applying theme colors, and responsive flexbox styling.

Implement hover-driven reveal of the Y-shaped content using display toggling, flexbox alignment, and scale transforms; adjust colors, typography, and transitions in preparation for the projects list.

Build a courses list page in a React portfolio project by reusing the project styling, creating a courses data file, and rendering cards with name, description, and a demo link.

Design a responsive contact page for a portfolio project in React, building a two-column grid with an image and a contact form, styled with neuromorphic design and Bootstrap form controls.

Apply styling to a React contact form by adding hover and focus scale for inputs and textareas, styling the submit button, and implementing padding and margins for mobile and desktop.

Design and implement the portfolio footer with a 'designed and developed by' credit and social icons using Font Awesome, centered on a matching background.

Apply padding and styling to the footer of the responsive portfolio project, refine the name display and color styles, and ensure the layout remains clear on mobile screens.

Add AOS animations to the React portfolio by installing the library, using data-aos attributes for fades and slides, and setting a 0.5s duration across key sections.

Perform CSS fixes to finish styling across the portfolio app, adjust the homepage get started navigation with anchor links, apply color overrides, and verify responsive, mobile-friendly behavior with smooth scrolling.

Deploy a React app to Netlify for free by pushing to GitHub, connecting accounts, configuring the public folder and redirects, and publishing with a custom domain.