Giter Site home page Giter Site logo

vikktor93 / firebase-login-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.9 MB

Mini WebApp using Firebase and also HTML, CSS and JS. Social Network Login.

License: Other

CSS 2.01% HTML 68.32% JavaScript 29.67%
css3 firebase firebase-auth firestore html5 js

firebase-login-app's Introduction

Repositorio Mini WebApp de Login con Firebase

Mini WebApp de Login con Firebase y Redes Sociales

¡Bienvenidos(as) a la Mini WebApp de Login con Firebase! Este proyecto ofrece una solución eficaz y sencilla para registrar usuarios y permite además de iniciar sesión utilizando diferentes redes sociales como: Facebook, Twitter y Google.

Screenshot del Login


Modal del Registro


Screenshot del Home de la App


Características:


👤 Registro de Usuarios: Este proyecto permite crear una cuenta de usuario única y segura con un email y una contraseña ingresada. ¡En un par de segundos ya se puede autenticar!

✉️ Inicio de Sesión Rápido: Accede a la cuenta en un abrir y cerrar de ojos utilizando las credenciales de inicio de sesión ya registradas.

🚀 Redes Sociales: ¿No quieres crear una cuenta nueva? ¡No hay problema! Puedes conectarte instantáneamente con tu cuenta de Facebook, Twitter o Google y accede rápidamente a la aplicación.

📱 Diseño Atractivo: Se utilizó el conjunto de herramientas de Material Design Bootstrap (MDB) para crear una interfaz de usuario moderna y atractiva. Disfruta de una experiencia visualmente agradable y fácil de usar.

🔒 Base de Datos Segura: Los datos de los usuarios se almacenan de forma segura en Firebase Firestore, garantizando la confidencialidad y protección de tu información personal.

¿Cómo utilizar la Mini WebApp?


Registro: Completa el formulario de registro con tu dirección de correo electrónico y una contraseña segura.

✉️ Inicio de Sesión: Accede a tu cuenta utilizando las credenciales que ingresaste durante el registro. ¡Es fácil y rápido!

🚀 Redes Sociales: Si prefieres utilizar una cuenta de red social, simplemente haz clic en el botón correspondiente y sigue las instrucciones para autorizar el acceso.

Instrucciones para Desarrolladores:


Si deseas utilizar y examinar el código, para mejorar esta Mini WebApp, sigue los siguientes pasos:

  1. Clona el repositorio. git clone https://github.com/Vikktor93/firebase-login-app.git

  2. Asegúrate de tener las credenciales de Firebase actualizadas en el archivo config.js. (Ten en cuenta que estas credenciales no se encuentran en este repositorio).

  3. Ejecuta la aplicación desde el archivo login.html en tu navegador y observa los cambios en tiempo real.

Contribuciones


¡Si quieres contribuir a este proyecto, no hay problema! Si tienes ideas para mejorar este proyecto o encuentras errores, no dudes en realizar un pull request.

  1. Realiza un Fork al repositorio
  2. Clona el repositorio git clone https://github.com/Vikktor93/firebase-login-app.git
  3. Crea una rama con tus cambios git checkout -b [Nombre de la Rama]
  4. Confirma tus cambios utilizando el comando git commit -m 'Agregar el Mensaje'
  5. Envía los cambios de la rama git push origin [Nombre de la Rama]'
  6. Crea un Pull Request

¡Espero que sea de utilidad esta Mini WebApp! No dudes en compartir tus comentarios.

Nota: Ten en cuenta que la Mini WebApp se proporciona con fines educativos y de demostración.

Licencia


Distribuido bajo la Licencia MIT. Consulte LICENCIA para obtener más información.

Enlaces de Interés


firebase-login-app's People

Contributors

vikktor93 avatar

Watchers

 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.