• ¡Bienvenido a AnimeFagos, estimado invitado! Por favor, tómate un minuto para registrarte, solo con hacerlo ayudas al crecimiento de la comunidad.

DEV Creé "Cyber//Anime": una base de datos con estética cyberpunk para organizar mis listas sin usar apps ni bloc de notas

Para subforo de desarrolladores.
Desde
17 Mar 2026
Mensajes
6
Puntos
3
¡Hola, comunidad!

Les escribo desde Venezuela para compartir un proyecto personal que nació de una necesidad bien sencilla pero muy real. Como muchos aquí, soy de los que lleva años viendo anime y siempre me topaba con el mismo problema:

Opción bloc de notas: Terminaba con listas interminables y desordenadas en el teléfono. Animes vistos, por ver, abandonados... un caos total.

Opción apps: Descargaba aplicaciones, pero muchas pesan demasiado, llenan el teléfono de notificaciones, y al final las borraba por falta de espacio o porque eran más molestas que útiles.

Así que un día dije: ¿Y si mejor me hago mi propia herramienta? Algo simple, rápido, que cargue en cualquier dispositivo, y que encima tenga un diseño con personalidad. Y así fue como nació Cyber//Anime.

Aquí la pueden ver y probar: https://jrv30891940.github.io/Cyber-anime/

No sé si existen otras páginas que hagan exactamente esto (seguro que sí, internet es enorme), pero yo quería hacerla a mi manera: liviana, sin anuncios, con una estética que me gustara y pensada para lo que yo necesito. Si a alguien más le sirve, pues mejor que mejor. No es una competencia con las grandes bases de datos como MyAnimeList o Anilist, es simplemente mi espacio personal hecho público.

---

️ ¿Qué es Cyber//Anime y cómo funciona?

Les explico cada detalle, porque detrás de cada cosita hay una razón de ser:

1. Una página web, no una app
Esto es clave: no ocupa espacio en el teléfono, no pide permisos, no te bombardea con notificaciones. Abres el navegador, entras y ya. Para quienes tenemos celulares con almacenamiento limitado o datos justos, esto es un alivio. Es una herramienta, no un compromiso.

2. Estética de terminal / cyberpunk
Siempre me fascinaron las películas viejas de computadoras, esas con pantallas verdes y letras que parecen código. Por eso la web imita una terminal. La idea es que sientas que te estás "conectando" a tu propia base de datos personal. Es puramente estético, pero le da un toque único que la diferencia de cualquier otra web de listas.

3. Buscador rápido
Escribes el nombre del anime y te lleva directo a su ficha.

4. "Descubre un anime aleatorio"
Ese botón grande no está de adorno. A veces nos quedamos en blanco sin saber qué ver, y darle a ese botón es como lanzar un dado: te puede tocar una joya que tenías olvidada, algo nuevo que no conocías, o simplemente una sorpresa. Ideal para esos momentos de indecisión.

5. Top animes
Es una selección de los animes más relevantes del momento, con sus puntuaciones. Lo puse en formato lista limpia, sin imágenes pesadas, para que cargue rápido incluso con conexiones lentas. Si el internet va lento, al menos la información principal se ve sin problemas.

6. Calendario de emisiones
Esto lo hice porque siempre se me olvidaba qué día se estrenaba tal o cual anime. Aquí, para cada día (en el ejemplo es miércoles), aparecen los animes que se emiten, con su hora en Japón (JST). Cada uno lleva su título, puntuación y horario. Así, de un vistazo, sé qué buscar cuando llegue a casa después del trabajo o estudio. Y si vives en otro horario, haces la conversión mental y listo.

7. Mis estadísticas (en desarrollo)
Abajo hay una sección de MIS ESTADÍSTICAS con contadores: total de animes vistos, terminados, horas, promedio, etc. La idea es que cada quien pueda llevar su registro manualmente si quiere, sin crear cuenta ni dar datos personales. Es como tu bloc de notas, pero más ordenado y con mejor pinta.

8. Generador de cartas y "Wrapped"
Los botones de GENERADOR DE CARTAS y CYBER//ANIME · WRAPPED son funcionalidades más lúdicas. La del Wrapped está inspirada en los resúmenes anuales de Spotify, pero aplicada al anime: cuántas horas viste, tu género favorito, tu "personalidad otaku"... Es una forma divertida de cerrar el año y ver tus estadísticas de un vistazo. (El generador de cartas esta aún en proceso)

9. Cero complicaciones
No hay registro, no hay correo electrónico, no hay publicidad, no hay cookies rastreando tus pasos. Entras, ves lo que necesitas, buscas lo que quieres, y si te gusta, lo guardas en favoritos y ya.

---

¿Y por qué lo comparto?

Pues porque sé que en todos lados hay gente como yo: personas que quieren tener su lista de animes organizada, consultar horarios de estreno, descubrir series nuevas, pero sin tener que lidiar con apps pesadas o sistemas complicados.

No es la web más completa del mundo, no pretende serlo. Es mi versión de una base de datos de anime, hecha con mis gustos y para mi necesidad. Y si a alguien más le sirve tener esto guardado en sus favoritos para usar cuando quiera, pues me doy por satisfecho.

Si le encuentras algún error, si se te ocurre cómo mejorarla, o simplemente si quieres dejar un comentario diciendo qué tal te parece, eres bienvenido. Esto lo hice para la comunidad, y la comunidad es la que puede ayudarme a hacerla crecer.

Gracias por tomarte el tiempo de leer y por apoyar proyectos hechos con cariño, desde cualquier parte del mundo. ❤️

Aquí el enlace para entrar al sistema: https://jrv30891940.github.io/Cyber-anime/

¡Pruébenla y cuéntenme qué opinan!
 
Primero que nada bienvenido, espero que tu estancia en el foro te resulte agradable.

Sobre la web. Está bastante bien currada la verdad, es tal cual la describes. No soy un entendido del tema pero supongo que funciona todo en local, sin servidores, y solo se conecta a apis de terceros para la búsqueda. Más o menos lo explicas pero podrías aclararlo más, así los potenciales usuarios entienden que tú no trackeas nada de lo que ellos buscan y que incluso hasta (si ese que, repito, no entendí mal, ya que no sé mucho de esto) podrían bajar el html, css y js para correrlo desde el dispositivo sin conectarse a tu web (aunque se perdería las potenciales actualizaciones)

Algunas cosillas negativas:

Esa animación del principio demora como 10 segundos en terminar, deberían ser 1 o 2 segundos máximo
He probado buscar Monster o In this Corner of the World y no aparecen. Probé Saint Seiya y aparece en mitad de tabla.
No sé como generas el top, deberías explicarlo.
 
¡Hermano, muchas gracias por tomarte el tiempo de probar la página y escribir un feedback tan detallado! Primero, me alegra mucho que te haya gustado la idea y que se entendiera bien lo que intentaba hacer.

Y bueno si tienes toda la razón en los puntos que mencionas:

> La animación inicial: La voy a reducir mucho, tienes razón en que tarda demasiado. Lo dejaré en un poco más corta.
> El buscador: No sabría decirte cual fue el error con la API pero intentaré corregirlo. "Monster" debería aparecer sin problema. Lo revisaré a fondo, porque tiene toda la razón: "Monster" es un anime conocido y debería aparecer sin problemas. Igual el problema es cómo estoy formando la consulta o manejando los resultados. Lo de "Saint Seiya" apareciendo en medio me da una pista de que el filtro no está bien aplicado. Ya lo agrego en la lista de prioridades...
> El Top: Viene directamente del endpoint /top/anime de Jikan, que refleja el ranking de MyAnimeList. Añadiré un pequeño icono de información que lo aclare.
> Lo de la arquitectura: Sí, es una web estática que consume APIs de terceros. Todo lo que buscas se procesa en tu navegador, yo no guardo ni trackeo absolutamente nada. Y bueno, cualquiera puede descargar el código si quiere desde la página de Github, aunque como bien dices, se perdería las actualizaciones. Añadiré una nota sobre eso en el pie de página o en un "Acerca de".

Ah, y te cuento un detalle: todo esto lo estoy haciendo desde mi móvil, porque no cuento con una PC para trabajar más cómodamente. Si en algún momento las actualizaciones tardan en llegar, ya sabes por qué es. Pero ahí voy, dándole poco a poco, con lo que tengo a mano, mantente al tanto de las actualizaciones.

Si pruebas la web más adelante y ves cambios (o nuevos fallos), no dudes en decírmelo, gracias por tu gran feedback. Un saludo <3
 
¡Muy buena iniciativa! :amor:

Antiguamente utilizaba el listado del foro MCAnime, que tenía su propia enciclopedia. Desde que se extinguió, justamente pasé al Bloc de notas hasta que me tomé el tiempo de pasar todo a MAL. Por ahora, me resulta un buen sitio, pero esta alternativa que planteas es tentadora.

Si lo hiciste pensando en la gente que requiere de un sitio como esos, no puedo hacer más que agradecerte y felicitarte ✌
 
¡Muy buena iniciativa! :amor:

Antiguamente utilizaba el listado del foro MCAnime, que tenía su propia enciclopedia. Desde que se extinguió, justamente pasé al Bloc de notas hasta que me tomé el tiempo de pasar todo a MAL. Por ahora, me resulta un buen sitio, pero esta alternativa que planteas es tentadora.

Si lo hiciste pensando en la gente que requiere de un sitio como esos, no puedo hacer más que agradecerte y felicitarte ✌
Espero que te guste la página esta hecha con cariño. Si quieres agregar algo o encuentras algún error me puedes decir. Tkm <3
 
Bueno en primer lugar, tengo que decir que aplaudo cualquier iniciativa de creación, y más si tiene relación con el anime, además que esa estética está muy chula, y más si te gusta el ciberpunk y la informática, así que por mi parte enhorabuena.
Primero que nada bienvenido, espero que tu estancia en el foro te resulte agradable.

Sobre la web. Está bastante bien currada la verdad, es tal cual la describes. No soy un entendido del tema pero supongo que funciona todo en local, sin servidores, y solo se conecta a apis de terceros para la búsqueda. Más o menos lo explicas pero podrías aclararlo más, así los potenciales usuarios entienden que tú no trackeas nada de lo que ellos buscan y que incluso hasta (si ese que, repito, no entendí mal, ya que no sé mucho de esto) podrían bajar el html, css y js para correrlo desde el dispositivo sin conectarse a tu web (aunque se perdería las potenciales actualizaciones)

Algunas cosillas negativas:

Esa animación del principio demora como 10 segundos en terminar, deberían ser 1 o 2 segundos máximo
He probado buscar Monster o In this Corner of the World y no aparecen. Probé Saint Seiya y aparece en mitad de tabla.
No sé como generas el top, deberías explicarlo.​
Pese a no ser un entendido del tema has dado con la tecla. Básicamente no tiene base de datos interna, sino que busca el anime mediante una api, en este caso Jikan, que es una api no oficial de MAL. Cuando buscas un anime en la web, lo que hace es trasladar la consulta a la api Jikan mediante HTTP, y esta actúa de intermediario con MAL, devolviendo la información en JSON y mostrándola, a groso modo.

Ojo, no digo que me parezca mal, solo lo que he observado, de todas formas a estas alturas ponerte a hacer una base de datos propia pudiendo tirar de otros es de tontos. Y esto último lo digo por mí, porque cuando todavía estamos con el blog en Wordpress metía información de animes a mano para tener una base de datos propia de los estrenos de temporada :jaja: .

Tampoco me hagas mucho caso, no soy de la rama de desarrollo, sino de sistemas :jaja: .​
 
Estuve probando de nuevo recién, y ahora sí que busca bien, incluso en español :chika:
La parte de trailers no funciona me parece. Hice 3 intentos y en los 3 no encontró nada.

Algo que hecho en falta para series en emisión es que me diga los episodios ya emitidos


Me gustaría un botón "copiar ficha" o algo así, que copie toda la información de la serie para poder pegarla en un foro como este cuando quiero hablar de una serie (o sea, quiero el texto plano). Y si puede incluir la url del poster mejor


La web que uso actualmente es livechart.me que quizás es menos usado y es minimalista pero con funcionalidades que me vienen bien:

Te ofrece links a la ficha en MAL o cualquier otro sitio de base de datos importante. Aparte links a la web y twtitter oficial
Tiene una solapa de streams donde te da el link a la serie en la plataforma que lo esté emitiendo en tu región (la cual detecta automaticamente). Incluye YT cuando está subido ahí de manera oficial (algo que pasa más seguido de lo que creen)
Tiene la cuenta regresiva, que aparte de mostraret cuando sale el siguiente episodio (con opción a que te diga cuando ya está el subtítulo), también te dice, en las pelis, cuando sale el bluray (pero hay que configurarlo para que lo haga)
Una solapa de news donde me entero facilmente si habrá segunda temporada o cuando sale el bluray de la peli
Su solapa de trailers es bien completa, ordenada y tagueada.
 
No hablaba de dominio propio, sino de elegir un nombre de usuario de github que sea sobre anime y/o base de datos.

Bueno en primer lugar, tengo que decir que aplaudo cualquier iniciativa de creación, y más si tiene relación con el anime, además que esa estética está muy chula, y más si te gusta el ciberpunk y la informática, así que por mi parte enhorabuena.


Pese a no ser un entendido del tema has dado con la tecla. Básicamente no tiene base de datos interna, sino que busca el anime mediante una api, en este caso Jikan, que es una api no oficial de MAL. Cuando buscas un anime en la web, lo que hace es trasladar la consulta a la api Jikan mediante HTTP, y esta actúa de intermediario con MAL, devolviendo la información en JSON y mostrándola, a groso modo.

Ojo, no digo que me parezca mal, solo lo que he observado, de todas formas a estas alturas ponerte a hacer una base de datos propia pudiendo tirar de otros es de tontos. Y esto último lo digo por mí, porque cuando todavía estamos con el blog en Wordpress metía información de animes a mano para tener una base de datos propia de los estrenos de temporada :jaja: .

Tampoco me hagas mucho caso, no soy de la rama de desarrollo, sino de sistemas :jaja: .​
Gracias, por tu respuesta hermano, si te gusta y encuentras errores, no dudes en escribir por el canal de telegram, allí subo las actualizaciones de lo que hago enbla página para llevar una guía de lo que he hecho.
 
Estuve probando de nuevo recién, y ahora sí que busca bien, incluso en español :chika:
La parte de trailers no funciona me parece. Hice 3 intentos y en los 3 no encontró nada.

Algo que hecho en falta para series en emisión es que me diga los episodios ya emitidos


Me gustaría un botón "copiar ficha" o algo así, que copie toda la información de la serie para poder pegarla en un foro como este cuando quiero hablar de una serie (o sea, quiero el texto plano). Y si puede incluir la url del poster mejor


La web que uso actualmente es livechart.me que quizás es menos usado y es minimalista pero con funcionalidades que me vienen bien:

Te ofrece links a la ficha en MAL o cualquier otro sitio de base de datos importante. Aparte links a la web y twtitter oficial
Tiene una solapa de streams donde te da el link a la serie en la plataforma que lo esté emitiendo en tu región (la cual detecta automaticamente). Incluye YT cuando está subido ahí de manera oficial (algo que pasa más seguido de lo que creen)
Tiene la cuenta regresiva, que aparte de mostraret cuando sale el siguiente episodio (con opción a que te diga cuando ya está el subtítulo), también te dice, en las pelis, cuando sale el bluray (pero hay que configurarlo para que lo haga)
Una solapa de news donde me entero facilmente si habrá segunda temporada o cuando sale el bluray de la peli
Su solapa de trailers es bien completa, ordenada y tagueada.
¡Muchas gracias por tomarte el tiempo de probarlo nuevamente y darme un feedback tan detallado! Me sirve muchísimo.

Voy por partes:

1. Trailers: anotado. Tengo problemas con la extracción de ID de YouTube, por eso es normal que no encuentres nada en tres intentos. Llevo ya un tiempo tratando de arreglar ese problema veremos si para dentro de muy poco logro corregirlo.
2. Episodios emitidos: es muy buena idea. Lo añadiré para que se muestren los episodios ya emitidos además del próximo.
3. Botón "copiar ficha": me gusta la idea. Algo que genere texto plano con toda la info de la serie (incluyendo el URL del poster) para compartir en foros. Lo pongo en la lista de prioridades (Eso es lo que intente hacer con el generador de cartas, pero aún no lo arreglo).
4. Sobre livechart.me: gracias por la referencia, tiene muy buenas funciones. Me quedo especialmente con:
· Cuenta regresiva con aviso de subtítulos y fecha de blu-ray.
· Sección de noticias sobre temporadas y lanzamientos.
· Organización de trailers por etiquetas.

Todo eso me da una idea clara de hacia dónde puedo enfocar las mejoras.

Si se te ocurre algo más o encuentras algún otro fallo, sigue comentándome sin problema. ¡Gracias de nuevo por la ayuda!
 
Pese a no ser un entendido del tema has dado con la tecla
Simplemente le pregunté a la IA que onda esa web y si había peligro antes de entrar :jaja: Y me respondió más o menos lo que tu has dicho, no me iba a poner a mirar el código

Igual alguna vez intenté hacer algo así, más por aprender como funcionan las cosas que por querer tener algo terminado. Ahí aprendí que github te deja tener webs estáticas y que el navegador en local tiene varias limitaciones auto impuestas por razones de seguridad. Además aprendí que es una api y cuales servirían para extraer información de un anime, incluida la que mencionas. Llegué hasta hacer mi api pachorra que hacía fetch (mmm ¿así se dice? espero que sí) a filmaffinity, para extraer las sinópsis en español y no andar traduciendo. Usaba vercel para la api y tenía todo conectado a una base de datos supabase. Bien pochoclo, flojo, básico e incocluso todo, pero para unas pocas horas y para alguien que no sabía que coños y como se usaba git, no estaba mal
 
Simplemente le pregunté a la IA que onda esa web y si había peligro antes de entrar :jaja: Y me respondió más o menos lo que tu has dicho, no me iba a poner a mirar el código

Igual alguna vez intenté hacer algo así, más por aprender como funcionan las cosas que por querer tener algo terminado. Ahí aprendí que github te deja tener webs estáticas y que el navegador en local tiene varias limitaciones auto impuestas por razones de seguridad. Además aprendí que es una api y cuales servirían para extraer información de un anime, incluida la que mencionas. Llegué hasta hacer mi api pachorra que hacía fetch (mmm ¿así se dice? espero que sí) a filmaffinity, para extraer las sinópsis en español y no andar traduciendo. Usaba vercel para la api y tenía todo conectado a una base de datos supabase. Bien pochoclo, flojo, básico e incocluso todo, pero para unas pocas horas y para alguien que no sabía que coños y como se usaba git, no estaba mal
La IA se comerá el mundo, ya mismo nacerá Skynet ;)

PD: muchas veces mirando la consola de desarrolladores del navegador e interactuando con la página ya ves cosas interesantes, como a donde manda las peticiones y que recibe y esas cosas.
 
Atrás
Arriba Pie