ReactJS Professional Website

ReactJS - Responsive Portfolio Tech AI Website

Table of contents

General info

Learning JavaScript libraries and frameworks can be overwhelming. There are many libraries to choose from, and no proper step-by-step guides that’ll teach you how to use these libraries to their fullest potential. That’s why, in this project, you’ll learn the most popular JavaScript library, used by hundreds of thousands of developers worldwide - React.js.

  • React Functional components and their reusability
  • React file and folder structure
  • Fundamental CSS properties to master flex & grid
  • Fundamentals of the CSS BEM Model
  • From soft and pleasant animations to complex gradients
  • Perfectly placed media queries for satisfactory responsiveness covering almost all devices

Screenshots

Browser

Example screenshot

Tablet

Example screenshot

Mobile

Example screenshot

Projects

  • React JS
  • React Modul
  • React Icons
  • React Clipboard.js
  • React Router Dom
  • React Content Loader
  • React Virtualized

Code Examples

Show examples of usage:

 export default function App(){
    return (
        <div className="App">
            <div className="gradient__bg">
                <Navbar />
                <Header />
            </div>
            <Brand />
            <WhatGPT3 />
            <Features />
            <Possibility />
            <CTA />
            <Blog />
            <Footer />
        </div>
    );
}