https://github.com/abrahamgalue/abraham-books

ViewTransitions API con el framework Astro.
https://github.com/abrahamgalue/abraham-books

astro javascript viewtransition viewtransitionsapi

Last synced: 3 months ago
JSON representation

ViewTransitions API con el framework Astro.

• Host: GitHub
• URL: https://github.com/abrahamgalue/abraham-books
• Owner: abrahamgalue
• Created: 2023-09-13T00:53:24.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-24T13:58:24.000Z (3 months ago)
• Last Synced: 2024-10-25T17:00:01.572Z (3 months ago)
• Topics: astro, javascript, viewtransition, viewtransitionsapi
• Language: Astro
• Homepage: https://abraham-books.netlify.app/
• Size: 2.02 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

# 📚 Astro: Abraham Books




### Lista de mis libros favoritos

> 🧩 Aquí puedes ver su [**Live Demo.**](https://abraham-books.netlify.app/)

![vista-previa](public/preview/01-page-preview.jpg)

## 🚀 Descripción

Es una lista de mis libros favoritos utilizando Astro como librería y Tailwind.

Como punto a destacar implementaba las [View Transitions API](https://developer.chrome.com/docs/web-platform/view-transitions/) de forma vanilla implementada por Chrome. Antes de que fuera actualizado a la version de [Astro 3.0](https://astro.build/blog/astro-3/)

## 🎭 Tecnologías

El proyecto utiliza las siguientes tecnologías:

- **Astro** como framework.

- **Página 404** customizada, para direcciones incorrectas.

- [**Rutas dinámicas**](https://docs.astro.build/en/core-concepts/routing/#dynamic-routes) para crear páginas únicas para cada libro.

- Las [**ViewTransitions**](https://docs.astro.build/en/guides/view-transitions/) de Astro para crear animaciones entre páginas.

- [**Tailwind CSS**](https://tailwindcss.com/) para aplicar los estilos.