https://github.com/vikktor93/firebase-login-app
Mini WebApp using Firebase and also HTML, CSS and JS. Social Network Login.
https://github.com/vikktor93/firebase-login-app
css3 firebase firebase-auth firestore html5 js
Last synced: 3 months ago
JSON representation
Mini WebApp using Firebase and also HTML, CSS and JS. Social Network Login.
- Host: GitHub
- URL: https://github.com/vikktor93/firebase-login-app
- Owner: Vikktor93
- License: other
- Created: 2023-07-18T23:49:51.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-19T02:51:37.000Z (almost 3 years ago)
- Last Synced: 2025-09-02T06:35:26.447Z (10 months ago)
- Topics: css3, firebase, firebase-auth, firestore, html5, js
- Language: HTML
- Homepage:
- Size: 1.85 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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.
---
---
---
### Características:
---
:bust_in_silhouette: **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!
:envelope: **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.
:rocket: **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.
:iphone: **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.
:lock: **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?
---
:white_check_mark: **Registro:** Completa el formulario de registro con tu dirección de correo electrónico y una contraseña segura.
:envelope: **Inicio de Sesión:** Accede a tu cuenta utilizando las credenciales que ingresaste durante el registro. ¡Es fácil y rápido!
:rocket: **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
---
- Documentación JavaScript [(Información oficial JavaScript)][js]
- Documentación Oficial Firebase [(Firebase)][firebase]
- Visual Studio Code [(Editor de Texto)][vscode]
[js]: https://developer.mozilla.org/es/docs/Web/JavaScript
[vscode]: https://code.visualstudio.com/download
[firebase]:https://firebase.google.com/docs?hl=es-419