Full Stack Flutter Web App Project Tutorial (Front-end + Back-end server + Database + Web Hosting)

Publicado el: 30 abril 2024
en el canal de: The Flutter Coach
11,383
226

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


En esta página del sitio puede ver el video en línea Full Stack Flutter Web App Project Tutorial (Front-end + Back-end server + Database + Web Hosting) de Duración hora minuto segunda en buena calidad , que subió el usuario The Flutter Coach 30 abril 2024, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 11,383 veces y le gustó 226 a los espectadores. Disfruta viendo!