Este proyecto es un clon de la plataforma X (anteriormente conocida como Twitter), desarrollado con tecnologías modernas de desarrollo web. Permite a los usuarios iniciar sesión, publicar tweets, ver su feed y gestionar su perfil.
- Autenticación con GitHub: Inicia sesión fácilmente usando tu cuenta de GitHub.
- Gestión de sesión: Cierra sesión cuando lo desees.
- Perfil de usuario: Visualiza tu información de perfil, incluyendo:
- Nombre de usuario
- Nombre completo
- Avatar
- Feed de tweets: Ve tus tweets.
- Publicación de tweets: Crea y publica nuevos tweets.
- Next.js: Framework de React para aplicaciones web.
- Supabase: Plataforma de backend como servicio (BaaS) para gestión de base de datos y autenticación.
- React: Biblioteca de JavaScript para construir interfaces de usuario.
- TypeScript: Superconjunto tipado de JavaScript.
- TailwindCSS: Framework de CSS para diseño rápido y responsivo.
-
Clona este repositorio:
git clone https://github.com/yamilabelen98/Clon-X.git -
Instala las dependencias:
cd clon-de-x npm install -
Configura las variables de entorno: Crea un archivo
.env.localen la raíz del proyecto y añade las siguientes variables:NEXT_PUBLIC_SUPABASE_URL=tu_url_de_supabase NEXT_PUBLIC_SUPABASE_ANON_KEY=tu_clave_anonima_de_supabase -
Inicia el servidor de desarrollo:
npm run dev -
Abre http://localhost:3000 en tu navegador para ver la aplicación.
- En la página principal, haz clic en "Iniciar sesión con GitHub".
- Una vez autenticado, podrás ver tu perfil y feed de tweets.
- Utiliza el formulario de creación de tweets para publicar nuevos mensajes.
- Navega por la aplicación para ver tus tweets.
- Cuando hayas terminado, puedes cerrar sesión desde el menú de usuario.
Las contribuciones son bienvenidas. Por favor, abre un issue o realiza un pull request para sugerir cambios o mejoras.