Master React Js And Tailwind Css With Real-World Projects

Learn how to build a game listing app with React, Tailwind CSS, Vite, and Vercel.

What you'll learn

Build powerful, fast, user-friendly and reactive web apps

Learn all about React Hooks and React Components

Apply for high-paid jobs or work as a freelancer in one the most-demanded sectors you can find in web dev right now

Learn How to use Vite to create react app and Tailwindcss

You will learn how to use React, Tailwind CSS, Vite, and Vercel to build a game listing app.

You will learn how to fetch data from an API in React.

You will learn how to render data in React.

You will learn how to create a responsive layout in React.

You will learn how to deploy your React app to Vercel.

Requirements

HTML + CSS fundamentals are required

You DON'T need to be a JavaScript expert to succeed in this course!

NO prior React or any other JS framework experience is required!

Description

In this course, you will learn how to build a game listing app with React, Tailwind CSS, Vite, and Vercel. You will start by setting up a React project with Vite, and then you will add Tailwind CSS to your project. Next, you will learn how to fetch data from an API in React, and how to render data in React. Finally, you will learn how to create a responsive layout in React, and how to deploy your React app to Vercel.By the end of this course, you will have built a fully functional game listing app with React, Tailwind CSS, Vite, and Vercel.PrerequisitesNo prior experience with React, Tailwind CSS, Vite, or Vercel is required.What you will learnHow to set up a React project with ViteHow to add Tailwind CSS to your React projectHow to fetch data from an API in ReactHow to render data in ReactHow to create a responsive layout in ReactHow to deploy your React app to VercelWho is this course for?This course is for anyone who wants to learn how to build a game listing app with React, Tailwind CSS, Vite, and Vercel.This course is also for anyone who wants to learn more about React, Tailwind CSS, Vite, and Vercel.What you will getAccess to all course materials, including videos, code, and quizzesA certificate of completionA community of learners to support you on your journeyEnroll today and start building your game listing app with React, Tailwind CSS, Vite, and Vercel!

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Project Setup

Lecture 2 Create React Vite App

Lecture 3 Install Tailwindcss in React App

Lecture 4 Project Setup

Section 3: Building the App

Lecture 5 Building Application Header

Lecture 6 Dark Mode using Tailwindcss

Lecture 7 DarkMode toggle using React useContext()

Lecture 8 Responsive Layout

Lecture 9 Fetch Data from API

Lecture 10 Displying Genres List

Lecture 11 Fetch List of Games

Lecture 12 Display Game Banner

Lecture 13 Display Trending Games

Lecture 14 Fetch Games by Genre

Lecture 15 Display Game List

Lecture 16 Filter Games By Genre

Lecture 17 Dyanamically Change Heading Text

This course is for anyone who wants to learn how to build a game listing app with React, Tailwind CSS, Vite, and Vercel. No prior experience with React, Tailwind CSS, Vite, or Vercel is required. The course will cover the following topics: Setting up a React project with Vite Adding Tailwind CSS to your React project Fetching data from an API in React Rendering data in React Creating a responsive layout in React Deploying your React app to Vercel By the end of the course, you will have built a fully functional game listing app with React, Tailwind CSS, Vite, and Vercel.