GraphQL with React and Node.js - Complete Guide | Techieey
GraphQL with React and Node.js - Complete Guide
Tamil

Requirements

Familiarity with React 

A basic understanding of Node and JavaScript is required.

Fundamentals in Sqlite and MongoDB, but isn't must have

What you'll learn?

Learn GraphQL terminology

How to build a GraphQL server

Build a full React, Node and GraphQL Application

Use Apollo Client to communicate with GraphQL from your web app.

Lesson Plan

Introduction

5 lectures • 42 mins

arrow-down
tick

Course Intro

Preview

10:00

tick

What is GraphQL?

Preview

06:00

tick

Creating a Express.js Server

06:00

tick

Setting up GraphQL

11:00

tick

Running a GraphQL Query

09:00

GraphQL in Express

4 lectures • 37 mins

arrow-down
tick

Creating GraphQL Schema

11:00

tick

Creating Queries

08:00

tick

Queries for Unique Data

08:00

tick

Creating Mutations

10:00

User Management System

8 lectures • 57 mins

arrow-down
tick

Application Intro

02:00

tick

Creating an Express Server

06:00

tick

Query for Users

07:00

tick

Mutation for Adding User

08:00

tick

Connecting Apollo Client with React

09:00

tick

Building the components

10:00

tick

Mutating from React App

08:00

tick

Displaying Data

07:00

To-Do List App

7 lectures • 53 mins

arrow-down
tick

Application Intro

02:00

tick

Creating React App and Express Server

06:00

tick

Queries and Mutations

10:00

tick

Setting Apollo Client in React App

06:00

tick

Creating Basic Components

09:00

tick

Querying the items data

11:00

tick

Adding Styles and Wrapping Up

09:00

SpaceX Info Application

8 lectures • 1 hr 1 mins

arrow-down
tick

Application Overview

02:00

tick

Basic Application Setup

09:00

tick

Schema for Rocket and Launch

11:00

tick

Testing the Queries in GraphiQL

07:00

tick

Querying the Launches Data

11:00

tick

Displaying the Launches

07:00

tick

Querying Single Launch Data

07:00

tick

Displaying Single Launch Data

07:00

Hospital Management System - Part 1

9 lectures • 1 hr 15 mins

arrow-down
tick

Application Overview

02:00

tick

React and Express Setup

08:00

tick

Treatment and Patient Schema

06:00

tick

SQLite Setup

09:00

tick

Query for All Patients

11:00

tick

Treatment and Patient Queries

10:00

tick

Mutation for Treatment

13:00

tick

Fixing the Bug

04:00

tick

Mutation for Patients

12:00

Hospital Management System - Part 2

7 lectures • 1 hr 3 mins

arrow-down
tick

Fixing and Formatting

07:00

tick

Querying Patients Data

06:00

tick

Displaying the Patients Info

10:00

tick

Component for Adding Patients

11:00

tick

Querying Treatments Data

10:00

tick

Mutation for Adding Patients

11:00

tick

Refactoring the Code

08:00

Project Management App - Part 1

7 lectures • 1 hr 5 mins

arrow-down
tick

Application Overview

04:00

tick

Application Setup

12:00

tick

Schemas for GraphQL and MongoDB

11:00

tick

Queries for Projects and Clients

10:00

tick

Mutation for Adding Project and Client

09:00

tick

Update and Delete Mutations

11:00

tick

Testing all the Mutations

08:00

Project Management App - Part 2

14 lectures • 2 hrs 1 mins

arrow-down
tick

Setting up the React App

08:00

tick

Queries for Client and Project

05:00

tick

Mutations for Client and Project

09:00

tick

Starting the Application UI

07:00

tick

Creating Clients Data Table

07:00

tick

Building Projects Card

08:00

tick

Modal for Adding Client

09:00

tick

Mutation for Adding Client

12:00

tick

Mutation for Deleting Client

07:00

tick

Modal for Adding Project

14:00

tick

Mutation for Adding Project

09:00

tick

Project Details Page

08:00

tick

Update Mutation for Project

11:00

tick

Delete Mutation for Project

07:00

GraphQL Subscriptions

8 lectures • 1 hr 4 mins

arrow-down
tick

Application Overview

03:00

tick

Basic Application Setup

06:00

tick

Creating a subscription server

12:00

tick

Resolvers and Typedefs

14:00

tick

Subscription Server with React

10:00

tick

Query Mutation and Subscription

09:00

tick

Displaying the Subscription Info

08:00

tick

Wrap Up

02:00

Get certified

logo

Sample Certificate

qrCode

Your Name

is here awarded the certificate of completion for the successfull completion of GraphQL with React and Node.js - Complete Guide on Sat Aug 02 2025

Sample Id Here

Chief Executive Officer

FAQ

How do I take a Techieey course?

arrow-down

Will I receive a certificate?

arrow-down

Can I ask my doubts to the instructor?

arrow-down

Where can I go for help?

arrow-down

Does Techieey allows individual course purchase?

arrow-down

How to get certified?

arrow-down

Where can I find the certificate? Where is the get certified option?

arrow-down

Is Techieey certificate value?

arrow-down

Why can't I use the platform from multiple devices at same time?

arrow-down