Master React JS and Tailwind CSS with Real-World Projects

Focused View

Rahul Sanap

2:10:34

118 View

1. Introduction

1. Introduction.mp4

02:32

2. Project Setup

1. Create React Vite App.mp4

03:05

2. Install Tailwindcss in React App.mp4

02:24

3. Project Setup.mp4

05:22

3. Building the App

1. Building Application Header.mp4

13:36

2. Dark Mode using Tailwindcss.mp4

05:53

3. DarkMode toggle using React useContext().mp4

05:47

4. Responsive Layout.mp4

08:36

5. Fetch Data from API.mp4

09:14

6. Displying Genres List.mp4

15:13

7. Fetch List of Games.mp4

03:54

8. Display Game Banner.mp4

12:13

9. Display Trending Games.mp4

13:12

10. Fetch Games by Genre.mp4

07:20

11. Display Game List.mp4

13:35

12. Filter Games By Genre.mp4

05:43

13. Dyanamically Change Heading Text.mp4

02:55

Description

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.

Who is this for?

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.

What You Need to Know?

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!

More details

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.
Prerequisites
No prior experience with React, Tailwind CSS, Vite, or Vercel is required.
What you will learn
How to set up a React project with Vite
How to add Tailwind CSS to your React project
How to fetch data from an API in React
How to render data in React
How to create a responsive layout in React
How to deploy your React app to Vercel
Who 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 get
Access to all course materials, including videos, code, and quizzes
A certificate of completion
A community of learners to support you on your journey
Enroll today and start building your game listing app with React, Tailwind CSS, Vite, and Vercel!
Who this course is for:
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.

User Reviews

Rating

average 0

Total votes0

Focused display

React

CSS

tailwind css

Rahul Sanap

Instructor's Courses

I am Software Developer working in IT industry from last 7 Years. I completed my Master in computer science. I teach and create online course in various programming language like React, React Native, Angular, Nodejs, Express, MySql, Firebase and many more. I am having about 7+ years of experience in IT industry and 7+ years of experience as Angular 2+,React, React Native Web Development, Mobile Application Development and Java/J2EE Developer. Also have experience with MongoDB, MySQL, REST implementation using Nodejs.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.