Build a Responsive Portfolio Project in React from Scratch

Build a complete multi page portfolio in react from scratch without using frameworks

React is a free and open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

What you’ll learn

  • CSS Positions with real-time examples.
  • A brief understanding of position absolute and relative..
  • CSS Flex Boxes.
  • Transitions , Transforms and Web Kits.
  • Neuromorphic Designs and Box shadows.
  • By the end of this course, you will have your own portfolio from scratch in React JS without any external CSS libraries..
  • React, Single Page Applications.
  • React Components.
  • React Routing.
  • Full Downloadable Resources along with Images, static files..

Course Content

  • Introduction –> 2 lectures • 15min.
  • Home Page Intro Section –> 2 lectures • 22min.
  • Header –> 3 lectures • 51min.
  • 3D Image Courosel –> 2 lectures • 32min.
  • Tech Stack In Home page –> 3 lectures • 40min.
  • Projects Page –> 4 lectures • 34min.
  • Courses Page –> 5 lectures • 48min.
  • Contact Us Page –> 2 lectures • 20min.
  • Footer –> 2 lectures • 17min.
  • Fixes and Deployemnt –> 3 lectures • 28min.
  • Addition React Projects for Beginners –> 12 lectures • 1hr 36min.

Build a Responsive Portfolio Project in React from Scratch

Requirements

React is a free and open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

Hii Guys,

In this course, we will build a complete responsive multipage portfolio from scratch in react.

So you will be learning the different topics involved in React JS and CSS. We are not using any external libraries for styling . We will write everything from scratch.

The topics we will refer to from React and CSS in this course are

  • React, Single Page Applications
  • Importance of having a personal portfolio
  • React Components
  • React Routing
  • React States
  • CSS Classes and Ids
  • CSS Positions with real-time examples
  • A brief understanding of position absolute and relative.
  • Making the layouts responsive with a grid system.
  • CSS Transitions and Transforms.
  • CSS Webkits and Keyframes
  • CSS Animations
  • Animate On Scroll
  • Neuromorphic Designs and Box shadows
  • By the end of this course, you will have your own portfolio from scratch in React JS without any external CSS libraries.
  • Complete Source with Git Repository.
  • Full Downloadable Resources along with Images, static files.
  • 24/7 Q/A Support

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.