Firebase chat

FIREBASE CHAT

Crea una aplicación de chat usando Firebase como tu backend.
Agosto 2022

 😻 Este es el reto mensual creado por MoureDev. Él mismo lo revisará y dará feedback sobre las soluciones de la comunidad en uno de sus streams de Twitch  

Firebase es una de las plataformas de servicios para crear aplicaciones más utilizadas a nivel mundial. Gracias a ella podemos integrar en nuestra app (y sin coste inicial) funcionalidades tan habituales como autenticación, notificaciones push, base de datos en tiempo real, entre otros muchísimos más servicios.

Pues bien, vamos a crear una aplicación de chat (¿nunca te has preguntado cómo funcionan?) que utilice varios de los servicios de Firebase.

Tú te centrarás en la parte de frontend, y Firebase será tu backend.


Ideal para

Junior · Middle

Stacks disponibles

Android · iOS· WebApp

Experiencia requerida

Basic knowledge

QUÉ VAS A CREAR

A nivel general:

  • La aplicación tendrá una pantalla donde tendrás que hacer login con tu cuenta de Google.
  • Una vez realizado, accederás a una sala de chat donde se visualizarán los mensajes de todos los usuarios.

Pantalla de acceso:

  • Aquí podrás seleccionar tu cuenta de Google para acceder a la App. Este registro tiene que quedar persistido en Firebase. Si ya estás logueado no se mostrará esta pantalla.
  • En algún lugar de la aplicación debe existir la posibilidad de hacer logout.

Sala de Chat:

  • Aquí viene lo complicado. Tendrás que representar la interacción en formato texto de los dos usuarios.
  • Este chat será en tiempo real y las conversaciones se guardarán, esto quiere decir que cada vez que regreses a la sala de chat podrás consultar los mensajes anteriores.
  • Al igual que pasa en la mayoría de chats, tus respuestas irán alineadas a la derecha y las de los otros usuarios a la izquierda.
  • Únicamente tienes que representar texto y el nombre del usuario que lo envió (puede ser el texto antes de la @ de su email). Esta es una aplicación de pruebas, ten en cuenta que en una App real debes proteger la privacidad de los usuarios.

EXTRA!

  • ¿Eres capaz de enviar notificaciones push a otro dispositivo cada vez que te escriben?
  • ¿Y enviar también imágenes (y guardarlas) a través del chat?
CÓMO FUNCIONA
  • Resuelve el challenge y demuestra de lo que eres capaz
  • Recibe feedback sobre tu código por parte de nuestros expertos
  • Compara tu app con la de otros participantes a través del directo en Twitch de MoureDev
  • Construye tu portfolio con todos tus challenges completados 
QUÉ VAS A CONSEGUIR
  • Crear una app / webapp y poner a prueba tus habilidades de código
  • Feedback por parte de nuestros expertos Tech Mentors
  • Un completo report de tus skills - con la posibilidad de compartirlo
  • Tu propio portfolio técnico para utilizar en entrevistas laborales
  • Entrar en el sorteo de 100€ mensuales en material formativo
  • Posibilidad de que Rviewer publique tu proyecto como referencia para quienes se animen a crear su propia app

SOBRE EL CREADOR

MoureDev

Brais Moure (a.k.a. MoureDev) es un desarrollador full-stack, especializado en el desarrollo de aplicaciones iOS, Android y web. Además de crear más de 100 apps como freelance, MoureDev dedica gran parte de su tiempo a compartir sus conocimientos con la comunidad dev.

Actualmente es uno de los principales creadores de contenido de programación en España, con más de 210k suscriptores en Youtube y más de 25k seguidores en Twitch.

Echa un vistazo a sus redes y salúdalo de nuestra parte.  

Echa un vistazo a sus redes y salúdalo de nuestra parte! 👋🏽 

Empieza ahora el reto Firebase chat

¿Listo para ponerte a prueba y construir algo de lo que estar orgulloso/a?

More coding challenges

Icon
Challenge by
Rviewer
Memory game
Crea un "memograma" o "juego de memoria" basado en parejas de cartas.
Medium
  • Full-Stack Developer
  • Junior · Middle
  • 4 h
Icon
Challenge by
Rviewer
Dreadful Tomatoes
Crea un web app que permita a los usuarios ver y puntuar las últimas películas más taquilleras.
Medium
  • Frontend Developer
  • Junior · Middle · Senior
  • JavaScript · Python · TypeScript · + 5
  • 3 h
Icon
Challenge by
Rviewer
Spotlist API
Desarrollar una alternativa a la API de Spotify que permita a los artistas independientes gestionar fácilmente sus listas de reproducción.
Medium
  • Backend Developer
  • Middle · Senior
  • Java · JavaScript · Python · + 5
  • 4 h