GraphQL Crash Course in 2024 | Build a Full Stack MERN App

Welcome to the GraphQL Crash Course where we build a full-stack expense tracker app with Express, MongoDB, React, and Apollo.

Source code: https://github.com/burakorkmez/graphql-crash-course (Stars appreciated 🌟)

Discord to ask your questions: https://discord.gg/YFn2WyheZV
Support: https://www.buymeacoffee.com/burakorkmezz
To draw diagrams: https://www.eraser.io

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)

Thanks for watching and subscribing! 🚀

#reactjs #javascript