Embark on a comprehensive video tutorial to build a full-stack project management system using GraphQL, Express, MongoDB, React, and Apollo. Learn to create an Express server, set up GraphQL, design schemas, and implement client and project types with queries. Explore making queries with GraphiQL, establish project-client relationships, and connect to a MongoDB database. Master Mongoose models, data fetching, and mutations for both clients and projects. Dive into client-side development with React, set up Apollo, and implement CRUD operations for clients and projects. Discover how to handle Apollo cache, set up React Router, create forms for adding and editing projects, and implement cascade delete functionality. By the end of this tutorial, gain practical experience in developing a complete MERN stack application with GraphQL integration.
GraphQL Crash Course With Full Stack MERN Project
Overview
Syllabus
- 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.
Taught by
Traversy Media
