GraphQL Crash Course With Full Stack MERN Project
⭐ Join Masterschool & pay nothing until you're hired!
https://goto.masterschool.com/brad2022
In this video, we will build a full-stack project management system with GraphQL, Express, MongoDB, React, and Apollo.
💻 Code:
https://github.com/bradtraversy/proje...
💻 Query & Mutation Gist:
https://gist.github.com/bradtraversy/...
💻 My Courses & More
https://traversymedia.com
💖 Show Support
Patreon: / traversymedia
PayPal: https://paypal.me/traversymedia
👇 Follow Me On Social Media:
Twitter: / traversymedia
Instagram: / traversymedia
Linkedin: / 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
Watch video GraphQL Crash Course With Full Stack MERN Project online without registration, duration hours minute second in high quality. This video was added by user Traversy Media 06 June 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 333,74 once and liked it 9.1 thousand people.