All Courses

Build 10 UI/UX Projects / Landing Pages in React

Build 10 UI/UX Projects / Landing Pages in React

Build 10 cool UI/UX projects in React JS from scratch to learn how to use CSS to its fullest.

What you’ll learn

Build 10 UI/UX Projects / Landing Pages in React

  • There are two types of React components and states:
  • There are a lot of CSS transitions and animations.
  • CSS Webkits, keyframes, and Flex Boxes are some of the things that make web pages look better.
  • Without a framework, you can make complicated layouts.
  • Reducing the size of the Layout
  • 24/7 Q/A Help.


  • Basics of React

  • Javascript

  • Basics of HTML, CSS


This front-end JavaScript library is free and open source. It lets you build user interfaces with UI components. It is run by Meta and a group of developers and businesses. React can be used to build single-page or mobile apps.

Cascading Style Sheets is a style sheet language used to describe how a document looks when it is written in a markup language like HTML. CSS is one of the technologies that make up the World Wide Web, along with HTML and JavaScript.

This course is for people who want to get better at CSS, UI, and UX in React JS.

In this class, we make ten different landing pages in React JS with Core CSS and Bootstrap, and we learn how to make them.

This class will have 10 different projects that we will build.

  1. The layout that adapts to different screen sizes
  2. Double gradients on the landing page
  3. Landing pages that rotate
  4. Stock market analysts can visit this page to learn more about the market.
  5. It’s a simple one-page portfolio with a parallax effect that makes it look like there is more space
  6. Colors change.
  7. Page 1: Cars Showroom
  8. Coffie shop’s home page
  9. Text that glows on a rotating globe
  10. Life and service can be done freely.

A landing page is any web page that a customer can land on. In marketing, a landing page is usually a separate page from your homepage or any other page that serves a single and specific purpose. What a landing page is is a follow-up to any promises you’ve made in your text or videos. A customer is someone who comes to your store and buys something from you. This is the next step in the process. In exchange for giving your contact information, you can make a deal, offer, piece of information, or deal. This is called a “landing page.”

Who this course is for:

  • The people who work on React

    People who make the UI

    Those who work on the front end

Build 10 UI/UX Projects / Landing Pages in React

If the links does not work, contact us we will fix them