Este proyecto es una aplicación web desarrollada utilizando Astro, basada en la página de letterboxd, donde se hace uso de las view transitions de Astro para navegar entre páginas.
En este proyecto, la colección de películas se define a través de un esquema que especifica los atributos necesarios para cada película, como el título, subtítulo, cartel, director, año, duración, enlaces para ver la película y hashtags relevantes.
Los archivos Markdown que representan cada película se estructuran de tal manera que incluyen estos atributos. Esto permite a Astro leer y procesar automáticamente el contenido para generar las páginas individuales para cada película, haciendo que el mantenimiento y la actualización de la colección sean sencillos.
Cada archivo Markdown de película contiene información estructurada que se interpreta para renderizar la página de la película. Esto incluye el título, un subtítulo, el cartel de la película, el director, la duración, y enlaces a plataformas donde se puede ver la película. También se pueden incluir etiquetas (hashtags) que permiten clasificar la película en diferentes géneros.
Para poner en marcha el proyecto en tu máquina local, sigue estos pasos:
-
Clona el repositorio: Usa el comando
git clone
seguido de la URL del repositorio. -
Navega al directorio del proyecto: Usa el comando
cd
para cambiar al directorio del proyecto que acabas de clonar. -
Instala las dependencias: Ejecuta
npm install
para instalar todas las dependencias necesarias que el proyecto requiere. -
Ejecuta el servidor de desarrollo: Usa el comando
npm run dev
para iniciar el servidor local. Una vez que el servidor esté en funcionamiento, podrás ver la aplicación accediendo ahttp://localhost:4321
en tu navegador.