Learn GraphQL fundamentals by constructing a complete event-booking application from scratch using modern web technologies. Master GraphQL concepts including schemas, resolvers, types, and data relationships while building a full-stack project that integrates Node.js for the backend, MongoDB for data persistence, and React.js for the frontend interface. Explore API design principles and project setup, then progress through implementing GraphQL with MongoDB integration, establishing dynamic data relations, and adding comprehensive booking functionality. Develop user authentication systems, create responsive React components with navigation and modal interfaces, and implement advanced features like token-based security and real-time data management. Optimize application performance using DataLoader for efficient query batching, enhance user experience with interactive charts and data visualization, and apply code refactoring techniques for maintainable architecture. Gain hands-on experience with modern development workflows including debugging, query optimization, and feature implementation across the entire technology stack.

Syllabus

#1 What is GraphQL? | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#2 API Design & Project Setup | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#3 Schemas & Resolvers | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#4 Types & Data | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#5 GraphQL + MongoDB | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#6 Adding Relations | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#7 Dynamic Relations | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#8 Adding Bookings | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#9 Refactoring our Code | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#10 Adding User Authentication | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#11 The React Frontend | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#12 Adding a Navbar | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#13 Hitting the API | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#14 Using the Token | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#15 Adding a Modal | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#16 Adding Events | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#17 Adding Event Features | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#18 Bookings | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#19 Cancel Bookings | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#20 Using Dataloader | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#21 Improving Queries & Bugfixing | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#22 Creating Charts | Build a Complete App with GraphQL, Node.js, MongoDB and React.js
#23 Finish! | Build a Complete App with GraphQL, Node.js, MongoDB and React.js