Search videos
Search across video titles, descriptions, and transcripts
ā 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/project-mgmt-graphql
š» Query & Mutation Gist:
https://gist.github.com/bradtraversy/fc527bc9a4659ab8de8e8066f3498723
š» My Courses & More
š Show Support
Patreon: https://www.patreon.com/traversymedia
PayPal: https://paypal.me/traversymedia
š Follow Me On Social Media:
Twitter: https://twitter.com/traversymedia
Instagram: https://www.instagram.com/traversymedia
Linkedin: https://www.linkedin.com/in/bradtraversy
Timestamps:
- Intro
- MasterSchool Sponsor
- GraphQL Crash Course Slides
- Create Express Server
- Start GraphQL
- Start Schema
- Client Type & Queries
- Making Queries With GraphiQL
- Project Type & Queries
- Project & Client Relationship
- Creating a MongoDB Database
- Database Connection
- Mongoose Models
- Fetch Data From MongoDB
- Client Mutations
- Project Mutations
- Start On The Client
- Setting Up Apollo
- Fetch & Display Clients
- Delete Client Mutation
- Apollo Cache
- Create Client Mutation
- Fetch & Display Projects
- React Router & Pages Setup
- Query Single Project
- Client Info Component
- Add Project Modal
- Get Clients For Select
- Add Project Mutation
- Delete Project
- Edit Project Form
- Update Project Mutation
- Cascade Project Delete
- Wrap Up
1:00:21
12:08
52:41
3:23:11