Back to Browse

Unpacking Flutter Packages | GraphQL Flutter v 5.1.2 | How To Build A Complete FE Using GraphQL

11.7K views
Feb 10, 2023
36:33

In my previous video, I demonstrated how to build a complete backend using MongoDB, Apollo Server, GraphQL, and Heroku. However, a backend without a frontend is like a restaurant with chefs but no tables. Thus, I will be building a frontend application in Flutter from scratch, that will fetch data from our GraphQL backend using the graphql_flutter package. Let me know in the comments your thoughts on GraphQL or any of the frameworks used in today's video. CHAPTERS 0:00 - Intro 0:41 - Shout Outs 1:11 - Video Explanation 1:59 - Flutter Package | graphql_flutter 2:38 - Create Flutter Project 3:34 - Add Flutter Package 4:05 - Create Basic UI for the Demo 5:44 - Create GraphQLConfig 7:22 - Create Book Model 9:50 - Create GraphQLService | GetBooks 15:55 - Create GraphQLService | DeleteBook 17:20 - Create GraphQLService | CreateBook 18:20 - Create GraphQLService | UpdateBook 19:32 - Test GraphQLService | GetBooks 23:44 - Test GraphQLService | DeleteBook 25:12 - Test GraphQLService | CreateBook 30:18 - Test GraphQLService | UpdateBook 35:53 - Outro Download the graphql_flutter Package Here : 👇 https://pub.dev/packages/graphql Learn More About GraphQL Here : 👇 https://www.graphql.com/ View Source Code For This Project Here : 👇 https://github.com/trey-a-hope/simple-library Follow Nitish Kumar Singh's YouTube Channel Here : 👇 https://www.youtube.com/@NitishKumarSingh Learn How To Build A GraphQL API with MongoDB, Apollo Server, GraphQL, and Heroku Here : 👇 https://youtu.be/729mch2SC5s View Apps That I Have Developed In Flutter Here : 👇 Android: https://play.google.com/store/apps/developer?id=Tr3umphant.Designs%2C+LLC Apple: https://apps.apple.com/us/developer/tr3umphant-designs-llc/id937928984 Connect With Me: TikTok: https://www.tiktok.com/@trey.codes Linkedin: https://www.linkedin.com/in/trey-hope-69a3a774/ GitHub: https://github.com/trey-a-hope ➡️ ➡️ SUBSCRIBE: https://bit.ly/TreyCodes Thank you for watching! #treycodes #flutter #firebase #flame

Download

0 formats

No download links available.

Unpacking Flutter Packages | GraphQL Flutter v 5.1.2 | How To Build A Complete FE Using GraphQL | NatokHD