GraphQL Node JS Express JS React JS - Project Overview 2024

This video is the project overview developed in GraphQL, React JS, Node JS, Mongo DB Atlas. It is an event booking system and rendering booked events in charts. 🔗 Links: Blog: https://github.com/AmirMustafa/graphql-react-express-event-booking ⏰ Key Moments: 00:00 - Introduction 01:13 - APP UI - Browser (Event Booking System) 01:34 - Events Page | UI 02:05 - Booked Events | UI 02:09 - Charts | UI 02:42 - REST APIs vs GraphQL APIs from Postman 02:51 - GraphQL APIs from Postman 03:08 - GraphQL APIs from Postman 03:25 - Piece 1 - Creating Events 04:59 - Piece 1 - Seeing Booked Events 07:01 - Piece 2 - Postman - Create Users using GraphQL - API 1 07:24 - Piece 2 - Postman - Login Users using GraphQL, JWT Token - API 2 07:43 - Piece 2 - Postman - Get Events using GraphQL - API 3 07:51 - Piece 2 - Postman - Understanding Performance Improvements using GraphQL 08:59 - Piece 2 - Postman - Create Events - API 4 08:59 - Piece 2 - Postman - Get Bookings - API 5 10:05 - Piece 3 - Code - 1st Impression of Code, Directory Structure 10:30 - Piece 3 - Code - Dev Server - Node JS, React JS 11:11 - Piece 4 - Mongo DB Atlas 11:49 - Piece 4 - users collection in DB 11:53 - Piece 4 - events collection in DB 12:04 - Piece 4 - bookings collection in DB 12:15 - Piece 3 - Code - Node JS entry point - app.js graphwl middleware 13:25 - Piece 3 - Code - Understanding GraphQL Schema 14:52 - Piece 3 - Code - How code iterating events API schema to resolvers 15:03 - Piece 3 - Code - Understanding GraphQL Resolvers 16:13 - Piece 3 - Code - JWT Token Authentication 18:00 - Piece 2 - Postman - Observing GraphQL URL 18:30 - Piece 3 - Code - Fronentend Calling to GraphQL endpoint 18:52 - Piece 3 - Code - GitHub 19:06 - Wrap up Connect with me 👋 LINKEDIN ► https://www.linkedin.com/in/amirmustafa1 INSTAGRAM ► https://www.instagram.com/aamir__mustafa TWITTER ► https://twitter.com/happy_learnings Let us explore these concepts in a simple way. #graphql #nodejs #expressjs #mongodb