Building Cross-Platform Mobile Apps with Flutter and PHP Backends

At the end of this talk, you will understand best practices and simple ways to build a Flutter app and PHP backend.

Transcript

1. My Name: Utibe Etim I am: Mobile Software Engineer I am also: Co-Organizer GDG Uyo
2. In the process of picking a topic for today: How to make fast money in tech The Struggles you’ll face as a Beginner Finally
3. Building Cross-Platform Mobile Apps with Flutter and PHP Backends
4. Talk Roadmap: • Why Choose Flutter for Cross-Platform Development? • PHP as a Backend for Mobile Apps • Setting Up Your Flutter-PHP Stack • Building and Connecting the Frontend • Backend Logic with PHP • Flutter Use Cases • Conclusion & Q&A
5. Are you ready for this ride?
6. Objective: To be able to convince or confuse you to use Flutter and PHP
7. Audience: Everyone here today: • Not decided yet • Beginners • Intermediates and seniors
8. Why Choose Flutter for Cross-Platform Development? • Fast Development: Hot reload feature. • Beautiful UI: Customizable, animation and performant UI elements. • Single Codebase: Write once, run on Android, iOS, Web, and Desktop. • Growing Ecosystem: Strong support from Google and a vibrant developer community.
9. PHP as a Backend for Mobile Apps • Why PHP? ◦ Widely used, stable, and easy to learn. ◦ Strong ecosystem with frameworks like Laravel, Symfony, etc. ◦ Scalable and integrates well with databases (MySQL, PostgreSQL). ◦ Cost-effective and accessible hosting options.
10. Setting Up Your Flutter-PHP Stack
12. Flutter Development Environment: • Dart programming language. • Visual Studio Code / Android Studio for development. • Flutter SDK. • Laptop (very important)
14. PHP Backend Environment: • LAMP Stack (Linux, Apache, MySQL, PHP). • Laravel/Slim for structured backend logic. • Postman for testing APIs.
15. The Demo App
18. PHP BACKEND SIDE
19. API ROUTE:
21. http://localhost:3000//exchange-rate php artisan serve
23. Now the Flutter Side Flutter App Setup
29. My Handles Github: @Uticodes Twitter: Uticodes Medium:@utibeetim
31. PLEASE ASK ME QUESTIONS