React / GraphQL Course - Build a Social Media App (MERNG Stack)

React / GraphQL Course - Build a Social Media App (MERNG Stack)

Learn how to create a social media app using MongoDB, Express, Node, React, GraphQL, and Node (the MERNG stack). Learn how to implement a GraphQL server that uses Node and Express to communicate to a MongoDB Database and fetch and persist data to a social media app back-end.

Learn how to create a social media app using MongoDB, Express, Node, React, GraphQL, and Node (the MERNG stack). You will learn how to implement a GraphQL server that uses Node and Express to communicate to a MongoDB Database and fetch and persist data to a social media app back-end.

⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro & app demo ⌨️ (0:02:47) GraphQL explained + tech used ⌨️ (0:07:56) Server demonstration ⌨️ (0:13:21) Setting Up Database & Server ⌨️ (0:39:43) Register & Login Users ⌨️ (1:12:50) Authentication middleware & Create/Delete posts ⌨️ (1:35:02) Finishing up the server ⌨️ (2:07:58) Client start & Apollo setup ⌨️ (2:17:45) Semantic UI & Routes ⌨️ (2:34:08) Displaying posts ⌨️ (2:51:56) Login & Register pages ⌨️ (3:19:31) Authentication Context ⌨️ (3:46:57) Adding posts ⌨️ (4:07:51) Like Button ⌨️ (4:27:13) Single post page ⌨️ (4:55:52) Displaying, Adding & Deleting Comments ⌨️ (5:15:27) Info Popups ⌨️ (5:26:06) Deployment to Heroku & Netlify

⌨️ Source Code: https://github.com/hidjou/classsed-graphql-mern-apollo/tree/master

react graphql mongodb express node

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

Node, Express, React.js, Graphql and MongoDB CRUD Web Application

In this tutorial, we just change the client side by using React.js and the backend still the same. Don’t worry, we will show the full tutorial from the server and the client side. We are using React Apollo library for fetch GraphQL data.

Build a TIK TOK Clone with MERN Stack (MongoDB, Express, React, Node JS)

Sonny and David will build a Tik-Tok Clone with MERN Stack (MongoDB, Express, React, Node JS) and deploy it on Firebase & Heroku! 🚀🔥

Node.js Express MongoDB Tutorial

Node.js Express MongoDB Tutorial is CRUD example, I have created to showcase Express web framework, MongoDB NoSQL database, and Node.js server platform.

Node, Express, Angular 7, GraphQL and MongoDB CRUD Web App

In this tutorial, we will go to the walkthrough of building GraphQL query language API for communication between Node-Express-MongoDB on Server side and Angular 7 on the Client side.