Giter Club home page Giter Club logo

ionicfacebooklogin's Introduction

Ionic Facebook App

Este proyecto contiene dos aplicaciones:

  1. Proyecto en Ionic 2 con implementación de Login/Registro de Facebook
  2. Proyecto en Laravel 5 con un web services con la api necesaria para que la aplicación de Ionic 2 funcione correctamente

Inicialización del proyecto Laravel

En primer lugar hay que descargarse las dependencias del proyecto

composer update

Copiar el archivo .env.example, renombrarlo como .env y configurar la conexión a la base de datos y el APP_KEY

Ejecutar los siguientes comandos para crear y poblar las tablas de la base de datos

php artisan migrate
php artisan db:seed

Inicialización del proyecto Ionic 2

En primer lugar hay que descargarse las dependencias del proyecto

npm install

En segundo lugar, en el archivo pages/login.ts hay que cambiar 'APP-ID' por el id de vuestra aplicación de Facebook

Por último para correr el proyecto hay que ejecutar el comando

ionic serve

Funcionalidad

La pantalla principal debe contener un botón de login/registro con Facebook. Cuando se presiona el botón debe de aparecer un pop-up para realizar la autenticación con Facebook. Al completar la autenticación debe aparecer otra pantalla con el mensaje "Facebook Login. Congratulation you have been logged with Facebook". Además debe aparecer un botón en la esquina superior izquierda para abrir el menú lateral en el que debe aparecer la imagen de perfil, nombre, apellido e email de la cuenta de Facebook con la que se ha realizado la autenticación.

ionicfacebooklogin's People

Contributors

danvelcab avatar

Stargazers

Carl Miguel Bartolome avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.