GraphQL Crash Course With Full Stack MERN Project

⭐ Join Masterschool & pay nothing until you're hired!

In this video, we will build a full-stack project management system with GraphQL, Express, MongoDB, React, and Apollo.

💻 Code:

💻 Query & Mutation Gist:

💻 My Courses & More

💖 Show Support

👇 Follow Me On Social Media:

Timestamps:

0:00 - Intro
1:47 - MasterSchool Sponsor
2:31 - GraphQL Crash Course Slides
12:08 - Create Express Server
17:52 - Start GraphQL
20:40 - Start Schema
23:04 - Client Type & Queries
28:02 - Making Queries With GraphiQL
32:33 - Project Type & Queries
35:27 - Project & Client Relationship
37:23 - Creating a MongoDB Database
41:36 - Database Connection
44:59 - Mongoose Models
48:50 - Fetch Data From MongoDB
53:02 - Client Mutations
1:02:50 - Project Mutations
1:17:30 - Start On The Client
1:25:30 - Setting Up Apollo
1:27:57 - Fetch & Display Clients
1:40:02 - Delete Client Mutation
1:45:04 - Apollo Cache
1:50:18 - Create Client Mutation
2:05:18 - Fetch & Display Projects
2:14:32 - React Router & Pages Setup
2:23:47 - Query Single Project
2:30:53 - Client Info Component
2:24:00 - Add Project Modal
2:42:00 - Get Clients For Select
2:48:50 - Add Project Mutation
2:54:52 - Delete Project
3:01:50 - Edit Project Form
3:07:29 - Update Project Mutation
3:10:50 - Cascade Project Delete
3:13:58 - Wrap Up

[deivitsalazar]

I started learning development with Brad about 5 years ago.. got my job as a software engineer 2 years ago, after one year a left for 40% increase in salary. Brad was the reason I got started and always excited when he does one of these. I started to learn MERN, however been working with python/flask/django and Vue lol It's time for me to go back to roots and relearn MERN with GraphQL. So excited

[webdevluc]

Awesome course Brad. So generous of you to share this much high quality work for free

[Draco]

This is awesome. I was looking into graphql and, lo and behold, you produced a course that implements it. Thank you!

[kathleenmccarthy]

I went through this tutorial twice in the last two weeks and created the app twice. This tutorial was so helpful. I was able to work through all of my stuck points and the second time around I recognized the errors I made the first time. Thanks so much for this.

[Unknown-ekgl]

The best tutor, easy to follow, zoomed code, clear explanation, ideal speed and voice. Thank you!

[zaidshaikh]

Cannot thank you much for this. Just about to complete your MERN playlist & you've dropped this 🔥

[christopheanfry]

Thank you so so much for this tutorial Brad waiting for so long to have a great tutorial like that. Look forward to jumping into it when will have more time 🙏💪🏻

[eladbar]

Absolutely on the Pointttt !!! Love your teaching style Brad

[holliegolitely]

I was just getting into learning the MERN stack and have been interested in GraphQL. This is right on time.

[OmnispectiveHub]

DUDE I was actually looking for a quality tutorial with this exact stack THANK YOU BRAD

[Kevin-jcfx]

I am just getting to know GraphQL and diving in seriously. I am currently going through the book "Learning GraphQL" by Eve Porcello and this tutorial is incredibly timely for me as it will surely help me have a better grasp of all the concepts. Thank you so much for all these courses, Brad.

[linmus]

Thanks a billion! You made my day! I absolutely adore your tutorials and the way you approach teaching new stuff. Have a lovely day!

[nicholas]

This came out at the perfect time, I couldn't find any recent tutorials that were this helpful.

[vonderklaas]

You are magician. I've been interested in GraphQL for some time, and this tutorial is "just what the doctor ordered"

[aguynamedandre]

Absolutely wonderful! This was one of the first projects that I took my time going through. I wanted to really make sure I understood what was going on and how to do things. I've paused the video, tried it myself, then played it back to see if I was remotely close. This 3 hour video took over 6 hours for me to complete over a span of 1 week.

It was WELL worth it! Even through I don't feel like I remember everything(which is okay) I feel like a lot of the open loops are now closed and I'm a much better developer because of it. Thanks Brad for everything!

[nwtou]

Right on time. Amazing work Brad. I have being looking forward to learning graphql.

[omotolamahlangu]

Love using GraphQL. Here for the algorithm. Thanks for another solid tutorial Brad.

[destinlee]

OOOO a big one!!! Going to follow along in TypeScript 😎 Thanks as always Brad. Hope you and the family are having a good start to y'alls summer!

[demawobass]

Finished the whole project, What a perfect way to understand Graphql.

[CarolinaNT]

exactly what I need, as always!! Thanks Brad!