Alpesgram es una plataforma de redes sociales que permite a los usuarios mostrar una colección de fotos en una estructura similar a una cuadrícula. Este README proporciona una visión general del proyecto e instrucciones sobre cómo ejecutarlo.
- React
- Next.js
- Tailwind CSS
- Componentes Shadcn UI
- PNPM
- I18next
- MockAPI
El proyecto consta de tres pantallas principales: Inicio, Perfil y Detalle de la Publicación. La aplicación está desarrollada utilizando React.
La pantalla de inicio muestra una colección de perfiles de usuarios en un diseño de cuadrícula. Cada perfil incluye una foto de perfil, nombre de usuario, nombre, descripción y URL del sitio web.
La pantalla de perfil permite a los usuarios ver y editar su información de perfil. Incluye campos para el nombre de usuario, nombre completo, descripción del perfil y URL del sitio web. Los usuarios pueden alternar entre el modo de edición y el modo de visualización.
La pantalla de detalle de la publicación muestra una sola publicación en detalle. Incluye la imagen de la publicación e información adicional como el nombre de usuario, nombre, descripción y URL del sitio web del usuario que la publicó.
Para ejecutar el proyecto, sigue estos pasos:
- Clona el repositorio en tu máquina local.
- Instala las dependencias del proyecto ejecutando el siguiente comando en el directorio del proyecto:
pnpm install
3.Arranca el ambiente de desarrollo:
pnpm run dev
- Abre tu navegador y dirigete a
http://localhost:3000para ver la aplicacion.
Da click aquí para visualizar el despliegue en Vercel.