Violet Evergarden Wiki

🚧 Desarrollador trabajando ...

Página web temática temática de la serie anime Violet Evergarden. Basta información sobre los eventos y personajes de la serie, explora y sorpréndete por detalles que suceden en segundo plano.

Important

Este proyecto es parte del curso de Programación web 2 utilizando únicamente tecnologías vanilla, todo para tener a flex y grid en acción.

🎭 Inspiración

Una Wiki de una serie no es novedad, ya que existen páginas como Fandom.com o incluso la propia Wikipedia que almacenan información series. Pero siempre lo hacen de forma muy plana y aburrida.

Las páginas webs que explotan una temática para aplicarla en su deseño me parece muy genial, desde páginas oficiales o conceptos.

Tener algo especializado en vez de solo un layout de una plataforma con puro texto plano me parece un gran trabajo para los diseñadores y los programadores que hicieron eso posible.

🌐 Páginas y contenido

El proyecto tiene varias páginas que contienen información sobre la serie, cada una con un propósito diferente y contenido único.

• 🏠 Landing: Página de inicio para mostrar las diferentes secciones del proyecto.
• 👤 Personajes: Una colección de todos los personajes que aparecen en la serie, información relevante sobre sus acciones y roles que cumplen en la serie.
• 📼 Capítulos: Una colección de todos los capítulos de la serie, cada uno con un vídeo, resumen y reseña sobre el mismo.
• 🪄 Especiales: Una colección de OVAs y películas que tiene la serie, similar a los capítulos en su formato de información.
• 📙 Historia: Una colección que agrupa los sucesos que pasan en la serie desde un punto de vista periodístico.

🧰 Documentación

La Documentación se encuentra publicada en Notion, la misma describe el proceso de desarrollo del proyecto desde la propia concepción hasta el despliegue para que puede ser visto en internet.

1. 🥸 Recopilando información
2. 📊 Estructura del proyecto
3. 🖋️ Conceptualización
4. 🎨 La paleta perfecta
5. 😤 Inspiración
6. 📦 Recursos
7. 🐧 Diseñando
8. 🪟 Layout
9. 💻 Programando páginas
10. 🚀 Despliegue

🚀 Correr el proyecto

Para correr el proyecto en tu máquina local, sigue los siguientes pasos:

1. Clona el repositorio en tu máquina local.

git clone

2. Abre el proyecto en Visual Studio Code

cd violet-evergarden-wiki
code .

3. Instala la extensión de Live Server o Live Server Preview en Visual Studio Code.

4. Abre el archivo index.html y da click en el botón Go Live en la esquina inferior derecha de Visual Studio Code.

5. ¡Listo! El proyecto se abrirá en tu navegador predeterminado.