Un no programador recrea con Claude Code una app de inglés con servidor y modo offline

Un autor de Habr sin ninguna relación con el sector IT decidió probar Claude Code en la práctica. Recreó una aplicación para aprender palabras en inglés que había dejado de funcionar en iOS tras una actualización. El título plantea tres requisitos: servidor, modo offline y SEO. El resultado de su primera experiencia de vibe coding, según el autor, "sorprendió, por decirlo suavemente". El anuncio no revela el tiempo exacto de desarrollo; figura en la versión completa del artículo. • Quién lo hizo: un novato que conocía la IA solo por las versiones gratuitas de DeepSeek y ChatGPT. • Herramienta: Claude Code. • Tarea: parte de servidor, modo offline y SEO, no una sola página.

Procesado por IA desde Habr AI; editado por Hamidun News
Un no programador recrea con Claude Code una app de inglés con servidor y modo offline
Fuente: Habr AI. Collage: Hamidun News.
Escuchar artículo
Ficha técnica y cifras clave
ParámetroDatos
Fuente originalHabr AI ↗
Editor jefe
Quién lo hizoun novato que conocía la IA solo por las versiones gratuitas de DeepSeek y ChatGPT.
HerramientaClaude Code.
Tareaparte de servidor, modo offline y SEO, no una sola página.

Una persona sin experiencia en programación, una herramienta (Claude Code) y tres requisitos en los que suelen tropezar incluso los desarrolladores principiantes: servidor propio, modo offline y SEO. El autor de una publicación en Habr se propuso recrear una aplicación para memorizar palabras en inglés que dejó de funcionar correctamente tras una actualización de iOS. El resultado de su primera experiencia de vibe coding, según sus palabras, "sorprendió, por decirlo suavemente". El anuncio no dice cuánto tiempo llevó la construcción; la respuesta está oculta bajo el corte de la publicación. Aun así, el planteamiento de la tarea es revelador.

Qué se sabe de la publicación

El autor subraya que nunca ha sido programador y que su trabajo no tiene relación con el sector IT. Estudiaba inglés con una aplicación de pago para iOS. Tras una de las actualizaciones, la app dejó de funcionar, no consiguió arreglarla y "la espina se quedó clavada". Empezó a estudiar Claude Code por cultura general. Sus conocimientos de IA son básicos: una idea general de qué son los LLM, algunos vídeos de YouTube y la experiencia de usar las versiones gratuitas de DeepSeek y ChatGPT.

Ese perfil importa. No se trata de un entusiasta que pasa semanas en foros especializados, sino de un usuario típico de chatbots. Su experiencia muestra dónde está hoy la frontera entre "conversar con un modelo" y "obtener un producto que funcione".

  • Quién lo hizo: un novato sin experiencia en desarrollo; el sector IT no tiene que ver con su profesión.
  • Herramienta: Claude Code, un asistente agéntico para escribir código.
  • Tarea: un clon de una aplicación para aprender palabras en inglés.
  • Requisitos declarados: parte de servidor, modo offline, SEO.
  • Valoración del autor: el resultado fue inesperadamente bueno.
  • Lo que el anuncio no revela: el tiempo invertido, el stack, el coste de la suscripción y de los tokens, y la calidad del código final.

Por qué servidor, offline y SEO

Montar una página sencilla con tarjetas de palabras no es difícil, y los modelos lo hacen desde hace tiempo. El trío del título es distinto, porque cada punto arrastra una capa propia de trabajo de ingeniería.

El servidor implica almacenar datos de usuario, autenticación y sincronización entre dispositivos. El modo offline exige una caché local y una lógica de resolución de conflictos para cuando el usuario estudió palabras sin conexión y luego se reconecta. El SEO supone renderizado en servidor o generación estática, metadatos correctos y páginas indexables. Todo ello suele requerir comprender la arquitectura, y no solo saber escribir funciones.

Si el agente realmente guió a un novato a través de las tres capas, es una señal de que el papel del humano está cambiando. Ya no le toca escribir código, sino formular los requisitos con precisión y verificar el resultado. Una salvedad: por ahora solo vemos lo que afirma el autor, no el código ni las métricas.

Qué tener en cuenta si quiere repetirlo

Un caso exitoso no constituye una estadística. Los autores rara vez escriben sobre los intentos fallidos, así que no es posible estimar la tasa real de éxito a partir de publicaciones como esta.

Orden de trabajo práctico para un novato:

  • Empiece con un breve documento de requisitos: pantallas, entidades (palabra, traducción, progreso) y escenarios offline.
  • Pida al agente que trabaje por etapas y ejecute usted mismo el resultado después de cada una.
  • Pregunte de antemano al modelo qué stack elige y por qué, y guarde la respuesta como documentación del proyecto.
  • No guarde secretos ni claves en el repositorio. Pida que los pase a variables de entorno.
  • Compruebe las copias de seguridad de la base de datos y los permisos de acceso antes de que lleguen usuarios reales a la aplicación.

Para una herramienta personal, este enfoque ya parece viable. Para un producto con clientes de pago hace falta, al menos, una persona capaz de leer el código y responsable de la seguridad. El tiempo de construcción que menciona el título conviene contrastarlo con el texto completo del original: es ahí donde el autor ofrece sus cifras.

Historia

Preguntas frecuentes sobre la noticia

¿Qué se sabe sobre Qué se sabe de la publicación?

El autor subraya que nunca ha sido programador y que su trabajo no tiene relación con el sector IT. Estudiaba inglés con una aplicación de pago para iOS. Tras una de las actualizaciones, la app dejó de funcionar, no consiguió arreglarla y "la espina se quedó clavada". Empezó a estudiar Claude Code por cultura general. Sus conocimientos de IA son básicos: una idea general de qué son los LLM, algunos vídeos de YouTube y la experiencia de usar las versiones gratuitas de DeepSeek y ChatGPT. Ese perfil importa. No se trata de un entusiasta que pasa semanas en foros especializado

¿Qué se sabe sobre Por qué servidor, offline y SEO?

Montar una página sencilla con tarjetas de palabras no es difícil, y los modelos lo hacen desde hace tiempo. El trío del título es distinto, porque cada punto arrastra una capa propia de trabajo de ingeniería. El servidor implica almacenar datos de usuario, autenticación y sincronización entre dispositivos. El modo offline exige una caché local y una lógica de resolución de conflictos para cuando el usuario estudió palabras sin conexión y luego se reconecta. El SEO supone renderizado en servidor o generación estática, metadatos correctos y páginas indexables. Todo ello suel

¿Qué se sabe sobre Qué tener en cuenta si quiere repetirlo?

Un caso exitoso no constituye una estadística. Los autores rara vez escriben sobre los intentos fallidos, así que no es posible estimar la tasa real de éxito a partir de publicaciones como esta. Orden de trabajo práctico para un novato: Empiece con un breve documento de requisitos: pantallas, entidades (palabra, traducción, progreso) y escenarios offline. Pida al agente que trabaje por etapas y ejecute usted mismo el resultado después de cada una. Pregunte de antemano al modelo qué stack elige y por qué, y guarde la respuesta como documentación del proyecto. No guarde secre

ZK
Zhemal Khamidun — CPO de Alpina Digital, product manager de AlpinaGPT. Crea productos de IA desde 2019. Hamidun News es un proyecto personal que creció hasta ser un agregador en producción con más de 6.000 lectores.
✦ Hands-On AI Engineering

Build & Ship Production AI Apps with Vibe Coding

Join Zhemal Khamidun's hands-on Vibe Coding Intensive at hamidun.com/vibecoding — master Claude Code, Cursor, and autonomous agentic workflows.

Explore Vibe Coding →Vibe Academy Platform
¿Qué te parece?
Cargando comentarios…