Flutter and MongoDB Mini-Course 2022 | Build A Contacts App (includes #WebSockets)

76 Просмотры
Издатель
In this mini-course we will build a contacts list app that manages contacts in a MongoDB collection. We will use the Shelf, Shelf_router and Shelf_web_socket packages to implement our Dart backend server for communicating with our MongoDB database running via Docker container. This app will be built for Flutter Web and Mobile platforms

=== Contents of this video ===

00:00 Intro
00:30 App Demo
01:40 Project setup
02:08 Run MongoDB Docker and Implement Dart Shelf backend server
04:17 Implement Contacts Rest API router class
08:38 Implement Contacts WebSocket API router class
13:55 Implement ContactsRestScreen Stateful Widget
14:58 Create Contact Model Data class
15:50 Implement ContactRestApi service class
17:14 Use ContactRestApi service in ContactRestScreen Stateful Widget
18:22 Fix Cross Origin Resource Sharing error
20:03 Create ContactsListing display Stateless Widget
23:32 Implement NoContacts Stateless Widget
26:03 Test ContactsRestScreen widget in multiple browser tabs
27:05 Implement ContactsSocketScreen Stateful Widget
29:00 Implement ContactsSocketApi service class
33:00 Test in Web Browser and iOS Simulator
34:15 Outro


Please leave us your feedback in the comments, and let us know what you would like us to demonstrate next! You can reach out in the comments below or on Twitter using #Dartlang #MongoDB #Flutter #FullstackDart

Like, Subscribe and Hit the Bell
Категория
Язык программирования Dart
Комментариев нет.