¡Este es un tutorial para crear Responsive Reddit Clone, una aplicación de redes sociales con Flutter como marco de interfaz y Firebase como backend! Esta aplicación consta de todas las funciones populares de Reddit. Uno puede iniciar sesión con Google o como Invitado, donde hay funciones restringidas para invitados, por ejemplo, mostrar las publicaciones más recientes, a diferencia de lo que sucede en el inicio de sesión de Google, donde obtenemos publicaciones de las comunidades de las que formamos parte. Con Google Sign In, también se pueden crear y unirse a comunidades, editar la descripción y el avatar de la comunidad, editar el perfil de usuario, compartir texto, enlaces o publicaciones basadas en imágenes, votar a favor, en contra, comentar, premiar, eliminar, con características especiales del moderador como agregar otras moderadores y eliminar cualquier publicación. Además, se puede alternar el tema en la aplicación, del modo oscuro al modo claro o viceversa. Es un proyecto completamente responsivo, accesible en Android, iOS y Web.
En este proceso, aprenderá a diseñar una interfaz de usuario responsiva y administrar el enrutamiento con Flutter, escribir código de backend y consultas complejas con Firebase y State Management con Riverpod 2.0.

Requisitos previos: conceptos básicos de aleteo y dardos

Servidor de discordia: https://discord.gg/Q8Rx8YWFVF
Código fuente: https://github.com/RivaanRanawat/flutter-reddit-clone
Agradecimiento especial: @aadhiarun2230

Recursos:
– Colores: https://github.com/RivaanRanawat/flutter-reddit-clone/blob/master/lib/theme/pallete.dart
– Imágenes: https://github.com/RivaanRanawat/flutter-reddit-clone/tree/master/assets/images
– Constantes: https://github.com/RivaanRanawat/flutter-reddit-clone/blob/master/lib/core/constants/constants.dart
Fuente del icono de voto positivo: https://github.com/RivaanRanawat/flutter-reddit-clone/tree/master/assets/fonts
– Premios: https://reddit.fandom.com/wiki/Awards
– Clave SHA-1: https://stackoverflow.com/questions/51845559/generate-sha-1-for-flutter-react-native-android-native-app

Marcas de tiempo:
(00:00:00) Introducción y demostración
(00:01:33) Configuración del proyecto Flutter
(00:05:38) Explicación de la estructura de la carpeta Flutter
(00:09:31) UI de la pantalla de inicio de sesión
(00:24:32) Configuración de la base de fuego
(00:36:00) Autenticación de Firebase de inicio de sesión de Google
(01:05:03) Almacenamiento de datos en Firestore
(01:21:18) Técnica eficiente de manejo de excepciones
(01:38:05) Almacenamiento de datos al proveedor
(01:52:20) Gestión de rutas de aleteo
(01:56:57) Persistencia del estado de Firebase
(02:15:34) Interfaz de usuario de la barra de aplicaciones de la pantalla de inicio
(02:18:40) Cajón Flutter de lista comunitaria
(02:27:10) Crear interfaz de usuario de pantalla comunitaria
(02:34:48) Creación de comunidades y almacenamiento en Firebase
(02:55:52) Visualización de comunidades de usuarios
(03:08:44) Interfaz de usuario del perfil de la comunidad
(03:31:31) Interfaz de usuario de herramientas de modificación
(03:39:40) Editar la interfaz de usuario de la pantalla comunitaria
(04:00:00) Comunidad de edición
(04:23:43) Búsqueda de comunidades
(04:39:31) Interfaz de usuario del cajón de perfil de usuario
(04:45:13) Cerrar sesión del usuario
(04:47:58) Unirse y salir de comunidades
(04:57:50) Agregar moderadores
(05:14:39) IU de perfil de usuario
(05:21:27) Editar perfil de usuario
(05:38:14) Alternar tema
(05:52:13) Barra de navegación inferior
(05:58:52) Agregar interfaz de usuario de pantalla de publicación
(06:05:50) Compartir enlaces, publicaciones con imágenes y solo texto
(06:40:58) Obteniendo publicaciones de noticias en tiempo real
(07:16:20) Eliminar publicaciones
(07:21:30) Publicaciones con votación a favor o en contra
(07:29:25) Opción de moderador en publicaciones
(07:35:40) Visualización de publicaciones en el perfil de usuario
(07:45:19) Comentarios sobre publicaciones
(08:14:28) Actualización del karma del usuario según las actividades
(08:24:54) Adjudicación de la publicación/usuario
(08:46:06) Iniciar sesión en Firebase como invitado
(08:50:04) Restricción de funciones para invitados
(09:04:50) Ejecución en la web: interfaz de usuario sensible a Flutter
(09:34:59) Conclusión

Únase a este canal para obtener acceso a ventajas:
https://www.youtube.com/channel/UC-1kzHtwBY8n0TY5NhYxNaw/join

Conéctate conmigo aquí:
Instagram: https://instagram.com/optimalcoding
GitHub: https://github.com/rivaanranawat
Linkedin: https://www.linkedin.com/in/rivaan-ra…
Facebook: https://www.facebook.com/rivaan.ranawat/
Correo: [correo electrónico protegido]
Medio: https://namanrivaan.medium.com
Gorjeo: https://twitter.com/RanawatRivaan

#flutter #firebase #reddit

Aproveche la oportunidad para conectarse y compartir este video con sus amigos y familiares si lo encuentra útil.