Traversy Media | GraphQL Crash Course With Full Stack MERN Project @TraversyMedia | Uploaded June 2022 | Updated October 2024, 2 hours ago.
⭐ Join Masterschool & pay nothing until you're hired!
goto.masterschool.com/brad2022

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

💻 Code:
github.com/bradtraversy/project-mgmt-graphql

💻 Query & Mutation Gist:
gist.github.com/bradtraversy/fc527bc9a4659ab8de8e8066f3498723

💻 My Courses & More
traversymedia.com

💖 Show Support
Patreon: patreon.com/traversymedia
PayPal: paypal.me/traversymedia

👇 Follow Me On Social Media:
Twitter: twitter.com/traversymedia
Instagram: instagram.com/traversymedia
Linkedin: linkedin.com/in/bradtraversy

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