×
Create CV Books Summaries Online Courses Blog Communities

Login

Sign up
MindLuster Logo
Categories
Recent

Join Our Telegram Channel Now to Get Any New Free Courses : Click Here

Slack Clone Using GraphQL and React

Track :

Programming

Lessons no : 73

For Free Certificate After Complete The Course

To Register in Course you have to watch at least 30 Second of any lesson

Join The Course Go To Community Download Course Content

What will you learn in this course?
  • Create a responsive Slack clone interface using ReactJS and GraphQL for real-time messaging and channel management
  • Implement Google OAuth authentication for secure user sign-in and account integration
  • Design and develop GraphQL APIs to handle user authentication, channel creation, and message exchange
  • Integrate React components with GraphQL to enable real-time updates for messages and channel lists
  • Implement Google Sign-In API for seamless user login and session management in the app
  • Build a scalable backend with GraphQL subscriptions for real-time message delivery and updates
  • Create dynamic channel management features, including adding, deleting, and switching channels
  • Utilize React hooks and state management to handle user interactions and real-time data updates
  • Apply best practices for secure authentication, data validation, and error handling in a chat application
  • Optimize app performance for real-time communication and smooth user experience using React and GraphQL
  • Implement responsive design principles to ensure usability across devices and screen sizes
  • Use GraphQL queries and mutations to efficiently fetch and update chat data in the frontend
  • Develop a user-friendly interface for managing multiple chat channels and viewing message history
  • Test and deploy the Slack clone application with a focus on real-time functionality and user security

How to Get The Certificate

  • You must have an account Register
  • Watch All Lessons
  • Watch at least 50% of Lesson Duration
  • you can follow your course progress From Your Profile
  • You can Register With Any Course For Free
  • The Certificate is free !
Lessons | 73
Slack Clone Using GraphQL and React Introduction
00:03:17

Slack Clone Using GraphQL and React Introduction
Setting up GraphQL Server with Node js
00:12:34

Setting up GraphQL Server with Node js
Creating PostgreSQL Database Models with Sequelize
00:23:18

Creating PostgreSQL Database Models with Sequelize
PostgreSQL Naming Conventions and GraphQL Schemas
00:16:59

PostgreSQL Naming Conventions and GraphQL Schemas
Creating GraphQL Schemas and Resolvers using Sequelize
00:31:01

Creating GraphQL Schemas and Resolvers using Sequelize
Setting Up React with GraphQL
00:19:01

Setting Up React with GraphQL
Register Form in React Using Semantic UI and GraphQL
00:20:09

Register Form in React Using Semantic UI and GraphQL
Handling Register Form Errors in React Using Semantic UI and GraphQL
00:28:10

Handling Register Form Errors in React Using Semantic UI and GraphQL
React Login Form with Mobx
00:10:32

React Login Form with Mobx
Login Mutation GraphQL
00:24:07

Login Mutation GraphQL
Refactoring and Handling Invalid Login
00:24:53

Refactoring and Handling Invalid Login
Sending Verifying and Refreshing JWT Tokens in Node js
00:24:41

Sending Verifying and Refreshing JWT Tokens in Node js
Protected Routes Mutations and Queries with React Router and GraphQL
00:17:15

Protected Routes Mutations and Queries with React Router and GraphQL
Bad Semantic UI Layout
00:21:08

Bad Semantic UI Layout
Building Slack s Layout with CSS Grid and Styled Components
00:10:43

Building Slack s Layout with CSS Grid and Styled Components
Adding Props to Sidebar Component
00:17:00

Adding Props to Sidebar Component
Building Slack s Sidebar with Styled Components
00:09:07

Building Slack s Sidebar with Styled Components
Building Container Component and GraphQL Query
00:21:52

Building Container Component and GraphQL Query
Upgrading to Apollo Client 2 0
00:16:33

Upgrading to Apollo Client 2 0
Switching Teams with React Router Dynamic Routes
00:13:53

Switching Teams with React Router Dynamic Routes
Building an Add Channel Form with Formik
00:23:21

Building an Add Channel Form with Formik
Updating React Apollo Cache
00:18:18

Updating React Apollo Cache
Sharing Data Across React Components by Lifting A GraphQL Query
00:10:39

Sharing Data Across React Components by Lifting A GraphQL Query
Using a PostgreSQL Join Table to Add Users to Teams
00:34:51

Using a PostgreSQL Join Table to Add Users to Teams
PostgreSQL Transactions with Sequelize
00:18:26

PostgreSQL Transactions with Sequelize
Querying a Many to Many Relationship with Sequelize
00:16:00

Querying a Many to Many Relationship with Sequelize
Optimizing Sequelize with Raw Queries
00:16:34

Optimizing Sequelize with Raw Queries
Simple React Form with Formik
00:18:22

Simple React Form with Formik
Semantic UI React Comment Component
00:13:22

Semantic UI React Comment Component
GraphQL Subscriptions Setup in React and Express js
00:12:15

GraphQL Subscriptions Setup in React and Express js
Real Time Messaging in React with GraphQL Subscriptions
00:19:51

Real Time Messaging in React with GraphQL Subscriptions
Unsubscribing from GraphQL Subscriptions
00:09:48

Unsubscribing from GraphQL Subscriptions
GraphQL Subscriptions Authentication
00:11:15

GraphQL Subscriptions Authentication
Refactoring a Sequelize Database Model
00:25:51

Refactoring a Sequelize Database Model
Trying to Control Access to GraphQL Subscriptions
00:15:58

Trying to Control Access to GraphQL Subscriptions
Sequelize Model for Direct Messaging
00:20:40

Sequelize Model for Direct Messaging
Fixing Apollo Client Afterware
00:13:12

Fixing Apollo Client Afterware
Building Resolvers for Direct Messaging
00:29:20

Building Resolvers for Direct Messaging
Building a React Autocomplete Component with GraphQL and Downshift
00:31:44

Building a React Autocomplete Component with GraphQL and Downshift
Listing Users You ve Direct Messaged
00:13:54

Listing Users You ve Direct Messaged
Show More Lessons


We Appreciate Your Feedback

Be the First One Review This Course

Excellent
0 Reviews
Good
0 Reviews
medium
0 Reviews
Acceptable
0 Reviews
Not Good
0 Reviews
0
0 Reviews

Our New Certified Courses Will Reach You in Our Telegram Channel
Join Our Telegram Channels to Get Best Free Courses

Join Now

Related Courses

React Projects Workshops
33 Lessons

React Projects Workshops

Node js back end JavaScript
34 Lessons

Node js back end JavaScript

Python programming language
15 Lessons

Python programming language

Social Network Theme UI With Sass
4 Lessons

Social Network Theme UI With Sass

Full Stack React Django
7 Lessons

Full Stack React Django

Build a Node js App With Sequelize
3 Lessons

Build a Node js App With Sequelize

GraphQL With React Apollo
4 Lessons

GraphQL With React Apollo

Node js REST API With Restify Mongoose JWT
2 Lessons

Node js REST API With Restify Mongoose JWT

Full Stack Vue js Express MongoDB
3 Lessons

Full Stack Vue js Express MongoDB

Exploring Docker
3 Lessons

Exploring Docker

Responsive Portfolio Website
7 Lessons

Responsive Portfolio Website

The MERN Stack
12 Lessons

The MERN Stack

PHP REST API High level
3 Lessons

PHP REST API High level

Up unning With Symfony 4
3 Lessons

Up unning With Symfony 4

JavaScript Workshops
3 Lessons

JavaScript Workshops

PHP MySQL Stripe API Payment App
3 Lessons

PHP MySQL Stripe API Payment App

Slack Clone with ReactJS. A Slack Clone that you can sign in with your Google Account, add new channels and send realtime messages to them.