Welcome to the GraphQL Crash Course where we build a full-stack expense tracker app with Express, MongoDB, React, and Apollo.
GraphQL is a way to fetch data from APIs. It lets you ask for exactly the data you need, instead of getting everything the API offers. This can be more efficient and easier to work with for developers. Think of it like ordering food at a restaurant - you tell them exactly what you want on your plate, instead of getting the whole menu delivered.
Features:
- Tech stack: MERN (MongoDB, Express.js, React.js, Node.js) + Apollo GraphQL
- Learn type definitions and resolvers for defining GraphQL schema and data fetching logic
- Mutations for modifying data in the GraphQL API and establishing graph relations
- Authentication with Passport.js and MongoDB session store
- Global state management with Apollo Client
- Error handling both on the server and on the client
- Deployment made easy with a platform called Render
- Cron jobs for scheduled tasks and automation
- And much more!
Timestamps:
00:00:00 - Demo App and Course Overview
00:07:36 - 1- Understanding GraphQL
00:14:00 - 1- Creating Schema
00:34:30 - 1- Testing Queries
00:39:20 - 1- Using expressMiddleware
00:43:10 - 1- Database Setup(MongoDB)
00:53:00 - 1- Authentication Workflow
00:59:00 - 1- Passport.js Setup
01:13:00 - 1- User Resolvers
01:27:30 - 1- Transaction Resolvers
01:36:40 - 2- UI Design (React and Tailwind CSS)
02:12:15 - 3- Apollo Client Setup
02:21:30 - 3- Implementing Authentication
02:46:20 - 3- CRUD Transactions
03:25:00 - 3- Understanding and Clearing the Cache
03:28:30 - 3- GET Category Stats
03:37:00 - 3- Fetching Real Data for Chart
03:48:20 - 3- GraphQL Relationships
04:03:50 - 4- Finally Deployment
04:23:00 - 4- Cron Jobs Explained (Optional)
Source code: https://github.com/burakorkmez/graphql-crash-course (Stars appreciated 🌟)
