Flutter at World Expo 2020 Dubai - talabat Tech Talk - Flutter Edition - Cairo, Egypt

What do ice cream, ketchup, the first telephone, the Eiffel Tower, and flutter technology have in common? They were all showcased at a world’s fair.

In this talk, we will discuss how we built an end-to-end food delivery app using Flutter in just five months for the 24 million visitors of Dubai Expo 2020.

#expo2020 #expo2020dubai

Transcript

1. Flutter at Staff Software Engineer at talabat, Delivery Hero Co-organizer of Flutter Abu Dhabi & Dubai gerfalcon GerfalconVogel Csongor Vogel csongorvogel
2. About me • Staff Software Engineer at talabat • Lecturer at Budapest University of Technology and Economics • Co-organizer of Flutter Abu Dhabi & Dubai
4. EXPO = World’s Fair
5. • 6 months • 24.1M visits from 178 countries • 200 pavilions EXPO 2020 1 October 2021 to 31 March 2022
7. • Cloud kitchens Experience
8. • Cloud kitchens • Robot barista Experience
9. • Cloud kitchens • Robot barista • Smart lockers Experience
10. • Cloud kitchens • Robot barista • Smart lockers • tala-bots Experience
11. • Cloud kitchens • Robot barista • Smart lockers • tala-bots • Grab n Go stations Experience
12. • Full app flow • Kiosk app • Usher app • Kitchen projector Web app What we built
13. Full app flow Entry point with the Native Android - iOS Home screen Menu screen Menu item screen Cart screen Pickup selection map screen Phone number screen Checkout screen Post order screen
14. • List item 1 • List item 2 • List item 3 Kiosk app
15. Usher app
16. Kitchen projector – Flutter web
17. Challanges • Smooth integration with our existing native apps • Easy onboarding • Need to ensure quality • Tight deadline
18. Native integration
19. Add to app 🤝
20. Access Platform-specific APIs 🤝
21. Access Platform-specific APIs
22. Ensure Quality
23. • Unit tests Testing
24. • Unit tests • Widget tests Testing
25. • Unit tests • Widget tests Testing
26. • Unit tests • Widget tests • Integration tests Testing
27. Tight deadline
28. Tamás Maksa Engineering Manager Tony Fadel Sr. Director Product Guy Blackhurst Sr. Product Designer Volodymyr Pavliuk Sr. iOS Engineer Zeinab Abdelmawla Android Engineer Yoshita Bhatia Sr. QA Quentin Gallois Sr. iOS Engineer Maksym Kozachenko Flutter Engineer Csongor Vogel Sr. Android Engineer Zakaria Ouhra Sr. iOS Engineer
29. Volodymyr Pavliuk Sr. iOS Engineer Zeinab Abdelmawla Android Engineer Quentin Gallois Sr. iOS Engineer Maksym Kozachenko Flutter Engineer Csongor Vogel Sr. Android Engineer Zakaria Ouhra Sr. iOS Engineer April 6 178 DAYS
30. Volodymyr Pavliuk Sr. iOS Engineer Zeinab Abdelmawla Android Engineer Maksym Kozachenko Flutter Engineer Csongor Vogel Sr. Android Engineer Zakaria Ouhra Sr. iOS Engineer April 25 Quentin Gallois Sr. iOS Engineer 159 DAYS
31. Volodymyr Pavliuk Sr. iOS Engineer Zeinab Abdelmawla Android Engineer Maksym Kozachenko Flutter Engineer Csongor Vogel Sr. Android Engineer Zakaria Ouhra Sr. iOS Engineer Quentin Gallois Sr. iOS Engineer May 30 124 DAYS
32. Volodymyr Pavliuk Sr. iOS Engineer Zeinab Abdelmawla Android Engineer Maksym Kozachenko Flutter Engineer Csongor Vogel Sr. Android Engineer Zakaria Ouhra Sr. iOS Engineer Quentin Gallois Sr. iOS Engineer June 7 116 DAYS
33. Volodymyr Pavliuk Sr. iOS Engineer Zeinab Abdelmawla Android Engineer Maksym Kozachenko Flutter Engineer Csongor Vogel Sr. Android Engineer Zakaria Ouhra Sr. iOS Engineer Quentin Gallois Sr. iOS Engineer June 22 101 DAYS
34. Volodymyr Pavliuk Sr. iOS Engineer Zeinab Abdelmawla Android Engineer Maksym Kozachenko Flutter Engineer Csongor Vogel Sr. Android Engineer Zakaria Ouhra Sr. iOS Engineer 101 DAYS Quentin Gallois Sr. iOS Engineer June 22
35. Volodymyr Pavliuk Sr. iOS Engineer Zeinab Abdelmawla Android Engineer Maksym Kozachenko Flutter Engineer Csongor Vogel Sr. Android Engineer Zakaria Ouhra Sr. iOS Engineer 50 DAYS Quentin Gallois Sr. iOS Engineer Aug 11
36. Volodymyr Pavliuk Sr. iOS Engineer Zeinab Abdelmawla Android Engineer Maksym Kozachenko Flutter Engineer Csongor Vogel Sr. Android Engineer Zakaria Ouhra Sr. iOS Engineer 0 DAYS Quentin Gallois Sr. iOS Engineer Oct 1
37. Same codebase = same language Volodymyr Pavliuk Zeinab Abdelmawla Maksym Kozachenko Csongor Vogel Zakaria Ouhra Quentin Gallois 🤝
38. • Providing a short learning curve • Giving access to platform-specific APIs • Providing amazing testing tools • Supporting collaboration Flutter saved us by
39. Thank you Staff Software Engineer at talabat, Delivery Hero Co-organizer of Flutter Abu Dhabi & Dubai gerfalcon GerfalconVogel Csongor Vogel csongorvogel