ItsgabrielJT / flutter-tutorial

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Esfot

Flutter Dart

Aplicativo movil echo en Flutter con un Login

  • Jose Galarza
  • Joel Tates
  • Dany Vinueza

Pasos para crear la aplicación desde el tutorial 🔗

  • Primero clonamos el repositorio
    git clone git clone https://github.com/flutter/codelabs.git flutter-codelabs

clonar.png

  • Seguido nos dirigimos al path y abrimos con code . visual studio code en ese directorio
    cd flutter-codelabs/firebase-get-to-know-flutter/step_02
  • Ejecutamos la aplicación para que se instale todos las librerias que se requieran para que no exista ningun error

    Si existe una ventana diciendo que existe errores y no se puede seguir con el debug dar click en debug anyway

Al resolver todos los errores que hacia falta de instalar algunas librerias, ya nos muestra la aplicación en ejecución

inicio.png

  • Habilitamos en firebase una vez creado el proyecto, el Authentication por correo electronico

    auth.png

  • Creamos cloud firestore cloud.png

  • En dentro del proyecto agregamos las siguientes dependencias:

    flutter pub add firebase_core

    d1.png

    flutter pub add firebase_auth

    d2.png

    flutter pub add cloud_firestore

    d3.png

    flutter pub add provider

    d4.png

    flutter pub add firebase_ui_auth

    d5.png

  • Se instala la CLI de FlutterFire,m con el siguiente codigo:

    dart pub global activate flutterfire_cli

    cli1.png

  • Configuración del proyecto, con el siguiente comando:

    flutterfire configure
  • Colocamos el codigo necesario para cada archivo y cada funcionalidad Por ultimo vemos la aplicacion ya ejecutada:

  • Parte de iniciar sesion

    f1.jpg

  • Parte del home

    f2.jpg

  • Parte de registrar f3.jpg

APK

Google Drive: https://drive.google.com/file/d/12-q5FLWxkwk8XPNNd8ykMVsbD5r5vh6_/view?usp=sharing)

About


Languages

Language:Dart 83.5%Language:Ruby 6.5%Language:Swift 5.4%Language:HTML 4.3%Language:Kotlin 0.3%Language:Objective-C 0.1%