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
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