https://github.com/valehernandezz/wot-books

Página web sobre la saga de libros "La Rueda del Tiempo" de Robert Jordan, creada con Astro y Tailwind.
https://github.com/valehernandezz/wot-books

Last synced: about 1 month ago
JSON representation

Página web sobre la saga de libros "La Rueda del Tiempo" de Robert Jordan, creada con Astro y Tailwind.

• Host: GitHub
• URL: https://github.com/valehernandezz/wot-books
• Owner: ValeHernandezz
• Created: 2023-07-27T03:13:11.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-30T00:26:49.000Z (6 months ago)
• Last Synced: 2024-11-13T16:13:32.280Z (3 months ago)
• Language: JavaScript
• Homepage: https://wot-books.vercel.app
• Size: 2.17 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 📚 Libros de la Rueda del Tiempo

Página web sobre la saga de libros "La Rueda del Tiempo". Implementé **View Transitions** para mejorar la experiencia de usuario. La interfaz cuenta con un diseño moderno, la página es completamente **responsiva**, y optimizo el código mediante la creación de **componentes**. Para la carga de datos, utilicé un **JSON** con la lista de libros y sus detalles.

![readme-image](https://github.com/ValeHernandezz/wot-books/assets/128721976/e3a67b81-28d1-42ad-8b7a-a063e5ba8c01)

## 🛠 Construido con

- [![Astro](https://img.shields.io/badge/Astro-0C1222?style=for-the-badge&logo=astro&logoColor=FDFDFE)](https://astro.build) - Framework para crear sitios web estáticos y optimizados.

- [![Tailwind](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)](https://tailwindcss.com) - Framework de CSS para crear diseños web con clases predefinidas.

- [![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)](https://developer.mozilla.org/en-US/docs/Web/JavaScript) - Lenguaje de programación para desarrollar funciones interactivas en páginas web.

- [![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)](https://html.com) - Lenguaje de marcado para estructurar y presentar contenido en la web.

## 🚀 Configuración del proyecto

En mi caso particular, utilizo [npm](https://www.npmjs.com) como gestor de dependencias y empaquetador.

### 1. Instala todas las dependencias del proyecto:

```bash

npm install

```

### 2. Inicia el servidor de desarrollo:

```bash 

npm run dev

```

## ✒ Créditos

- Basado en la demo de View Transitions API de [Miguel Ángel Durán](https://github.com/midudev/view-transitions-api-books-demo).

## 👩‍💻 Sobre mí

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://valehernandez.vercel.app)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/valentina-hernandez-modino)