Skip to content

🚀 Facebook Clone UI con Flutter. Réplica exacta de la interfaz de usuario de Facebook. ¡Explora la experiencia auténtica en Flutter! 📱✨

Notifications You must be signed in to change notification settings

bryandejesusrt/facebook_clone_ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Facebook Clone UI con Flutter

Este proyecto presenta una réplica exacta de la interfaz de usuario de Facebook, desarrollada utilizando Flutter. Cada elemento, desde la barra de navegación hasta las secciones de noticias y notificaciones, ha sido meticulosamente recreado para ofrecer una experiencia visual auténtica. Explora la versatilidad de Flutter mientras navegas por esta copia detallada de la popular plataforma de redes sociales. ¡Sumérgete en la experiencia de Facebook con este emocionante clon UI! 📱✨

clone de facebook

Capturas de Pantalla

Note

Aquí se muestra un listado de de todas las pantallas desarrollados.

Pantalla Home
image

Componentes Diseñados:

Barra de Navegación: Navega fácilmente entre las diversas secciones de la aplicación, emulando la familiar barra de navegación de Facebook.

  • Feed de Noticias: El componente central que muestra publicaciones, imágenes y actualizaciones de amigos, replicando la experiencia del feed de noticias de Facebook.

  • Perfil de Usuario: Un diseño detallado que imita la disposición del perfil de usuario en Facebook, con secciones para información personal, fotos y publicaciones.

  • Notificaciones: Componente que refleja el diseño de la sección de notificaciones de Facebook, mostrando alertas y actividades recientes.

  • Barra de Estado: Reproducción de la barra de estado superior que proporciona información rápida sobre la conectividad y la batería del dispositivo.

  • Barra de Acciones: Una barra inferior que imita las acciones comunes de Facebook, como publicar actualizaciones, cargar fotos y más.

Cada componente ha sido cuidadosamente diseñado para capturar la esencia visual y la experiencia de usuario auténtica de Facebook, proporcionando una réplica detallada de la popular red social utilizando Flutter. ¡Explora y disfruta de la familiaridad de Facebook en esta emocionante implementación! 🚀📲✨

Inicialización del Proyecto Flutter

Este archivo describe los pasos necesarios para inicializar el proyecto Flutter después de clonarlo o descargarlo.

Requisitos Previos

  • Flutter debe estar instalado en tu máquina.

  • Asegúrate de tener todas las dependencias necesarias instaladas. Puedes ejecutar el siguiente comando:

    flutter doctor

    Asegúrate de solucionar cualquier problema identificado por flutter doctor antes de continuar.

Pasos de Inicialización

Descargar el Proyecto: Clona el repositorio o descarga el proyecto desde GitHub.

git clone https://github.com/tu-usuario/tu-proyecto-flutter.git

Limpiar el Proyecto:

Ejecuta el siguiente comando para limpiar el proyecto.

lutter clean

Obtener Dependencias:

Ejecuta el siguiente comando para obtener todas las dependencias del proyecto.

flutter pub get

Esto descargará todas las dependencias definidas en el archivo pubspec.yaml.

Configuración Adicional (si es necesario):

Realiza cualquier configuración adicional necesaria según las instrucciones del proyecto.

Ejecutar la Aplicación

Una vez completados los pasos anteriores, puedes ejecutar la aplicación Flutter con el siguiente comando: `` bash

flutter run `` Esto iniciará la aplicación en el emulador o dispositivo conectado.

A new Flutter project.

Getting Started

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter development, view the online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

About

🚀 Facebook Clone UI con Flutter. Réplica exacta de la interfaz de usuario de Facebook. ¡Explora la experiencia auténtica en Flutter! 📱✨

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published