Full Stack Flutter Web App Project Tutorial (Front-end + Back-end server + Database + Web Hosting)
Download the Code and Project Files at https://www.patreon.com/TheFlutterCoa...
In this video I demonstrate how to create a fully functional Flutter web app using Flutter for front-end development, Node.js for backend server development, MongoDB Compass and Atlas for the database, and cPanel for web hosing. I will take you through the entire process in 7 steps:
1. Writing Node.js code for the back end.
2. Writing Flutter code for the front end.
3. Testing the web app on local host.
4. Migrating to a cloud database on MongoDB Atlas.
5. Deploying the back end Node.js server to the cloud.
6. Deploying the Flutter front end to the cloud.
7. Testing the web app on the cloud.
By TheFlutterCoach. Enjoy!
Time Stamps:
00:00 - App demo
01:09 - Node.js back end code
16:38 - Flutter front end code
01:05:14 - Testing the web app on local host
01:08:13 - Migrating to a cloud database on MongoDB Atlas
01:10:21 - Deploying the back end Node.js server to the cloud
01:13:17 - Deploying the Flutter front end to the cloud
01:14:41 - Testing the complete web app on the cloud
#Flutter #Tutorial #FlutterTutorial #Project #FlutterProject #WebApp #Web #App #FrontEnd #NodeJs #BackEnd #Server #Mongo #MongoDB #Compass #Atlas #Database #cPanel #WebHosting #Hosting #fluttertutorialforbeginners #thefluttercoach #fluttercoach