Anime Poster Generator 1: Bocetando la idea
Posted on March 13, 2024 • 3 minutes • 510 words • Other languages: English
Un nuevo proyecto personal, una excusa para aprender algo de frontend.
Inspiración
Hace aproximadamente un mes decidí decorar un poco mi espacio de trabajo. Me gustan mucho los mapas, así que imprimí un par y los colgué en la pared.
El de la izquierda es una versión recortada de metro de Lisboa , el de la derecha es un Diagrama de Lisboa que encontré googleando.
También tengo un cactus falso, un patito de goma con un sombrero diminuto y un pato de juguete esponjoso. El tarro de galletas que está completamente a la izquierda, es también mucho muy importante.
Para seguir llenando la pared, me interesaron algunos carteles de anime minimalistas, similares a los de la miniatura de este post.
Que sorpresa fue descubrir que no existe una página para crear tu propio poster. La opción más lógica aquí hubiera sido simplemente ir a canvas y crear los que quería. Pero como desarrollador, decidí pasar una semana entera automatizando una tarea que de otro modo me habría requerido solo unas pocas horas.
Aquí nace “Anime Poster Generator”.
Historias de usuarios
Buscar animes:
- Como usuario, quiero poder buscar títulos de anime, para poder encontrar el anime que deseo.
Seleccione el anime deseado:
- Como usuario, quiero seleccionar un anime de los resultados de búsqueda, para poder crear un póster para él.
- Como usuario, necesito ver un breve resumen y una imagen del anime al seleccionarlo, para asegurarme de haber elegido el título correcto.
Generar póster con imagen anime original
- Como usuario, quiero generar un póster utilizando las imágenes originales del anime, para poder tener un póster con las imágenes originales del anime.
Adjunte y use imágenes personalizadas
- Como usuario, quiero cargar una imagen personalizada, para usarla en mi póster de anime para poder tener un póster con la imagen personalizada.
Descargar cartel
- Como usuario, quiero descargar la versión final de mi póster en formato A4, apto para imprimir o compartir online.
Arquitectura básica
Después de investigar un poco buscando API públicas y alternativas, realicé este diagrama muy básico sobre cómo haré que esto se haga realidad.
-
Anime poster generator frontend: Será una aplicación Next.js 14. Como desarrollador backend, el frontend no es lo mío, así que buscaré plantillas y herramientas similares para poner las cosas en marcha.
-
Anime poster generator backend: Estará en Java Spring Boot 3, siguiendo la misma filosofía de CDD explicada a lo largo de mis blogs sobre desarrollo impulsado por contactos .
-
Jikan API : Es una API de terceros que proporciona información sobre animes. Es una abstracción amigable y gratuita de MyAnimeList API .
Próximos pasos
- Creación de un generador de carteles de anime backend: espero que sea rápido y sencillo.
- Generador de carteles de anime frontend: aquí voy a pasar la mayor parte del tiempo, ya que este es un territorio totalmente desconocido para mí.