Sculpted Goddess.

Proyecto final de CS50 en Python y Flask

-- ORIGEN

Sculpted Goddess fue creado como proyecto final del curso CS50x — una herramienta para ayudar a mujeres a planificar su nutrición.

La versión original utilizaba Python, Flask, SQL y JavaScript, integrando el API de Edamam.

Con el tiempo, el mantenimiento se volvió complejo y la arquitectura limitaba el crecimiento.

Empezando por el diseño — antes y ahora

-- CONCEPTO DE DISEÑO

El Sculpted Goddess original fue diseñado en Adobe XD antes de escribir una sola línea de código — un enfoque deliberado centrado en el diseño que también se mantuvo en la versión reconstruida. El lenguaje visual debía transmitir fuerza e intención: una plataforma para mujeres que se toman en serio la nutrición y el fitness, no una aplicación genérica de bienestar. Estructura limpia, jerarquía clara y una estética segura que comunica confianza y precisión.

Concepto de diseño original — Adobe XD

Reconstrucción sobre una base moderna

-- REBUILD & ARQUITECTURA

La reconstrucción fue completa, no superficial.

La nueva stack incluye Next.js, TypeScript, SCSS y libSQL.

Qué hace la plataforma

-- FUNCIONALIDADES PRINCIPALES

Sculpted Goddess se construye en torno a cuatro funcionalidades principales: un buscador de recetas impulsado por la API de MealDB con datos nutricionales individuales por receta, una biblioteca personal donde los usuarios registrados pueden guardar y revisitar sus favoritas, un calculador de macronutrientes e IMC que utiliza datos personales y objetivos de fitness como entrada, y un formulario de contacto para consultas directas.

La plataforma es accesible para navegar sin registro, pero al crear una cuenta e iniciar sesión se desbloquea el conjunto completo de funcionalidades — guardado de recetas, datos personales y seguimiento de macros. Esta estructura mantiene una barrera de entrada baja al mismo tiempo que ofrece un motivo claro para registrarse.

La plataforma reconstruida en vivo — búsqueda de recetas, datos nutricionales y seguimiento personal de macros

De Flask a Next.js — qué cambió y por qué

-- EVOLUCIÓN TÉCNICA

Las mejoras técnicas de la reconstrucción no se limitan a cambiar de framework. Reflejan un enfoque completamente diferente en cómo se estructura, tipa y mantiene la aplicación a lo largo del tiempo.

Nota: Python y Flask son herramientas excelentes para muchos casos de uso. La decisión de reconstruir en Next.js estuvo impulsada por los objetivos específicos de este proyecto: demostrar arquitectura frontend moderna, mejorar la mantenibilidad a largo plazo y alinear el código con el stack que utilizo en proyectos de clientes.

Rendimiento · Python/Flask vs Next.js (Lighthouse)

Un sistema de diseño SCSS estructurado para garantizar consistencia en toda la aplicación

-- SISTEMA DE DISEÑO

Sculpted Goddess utiliza una arquitectura SCSS estructurada: colors.scss, fontSizes.scss y breakPoints.scss se importan en un archivo central constants.module.scss que expone todos los tokens de diseño directamente a los componentes en JavaScript. Espaciado, tipografía, breakpoints y colores se definen una sola vez y se reutilizan en toda la aplicación — sin valores mágicos ni códigos hex repetidos.

El sistema tipográfico utiliza dos fuentes claramente diferenciadas: Cinzel (serif) para encabezados h1 — en mayúsculas, con alto impacto y alineada con la identidad de marca — y Open Sans para el texto de cuerpo, etiquetas y navegación. Los tamaños de fuente se definen en tres breakpoints explícitos (móvil, tablet y escritorio) mediante propiedades personalizadas de CSS en globals.scss, garantizando una escala consistente y predecible en todos los dispositivos.

Sistema de diseño · tokens SCSS y escala tipográfica responsiva

De proyecto personal a caso de estudio profesional

-- RESULTADO

Sculpted Goddess evolucionó hasta convertirse en un ejemplo real de modernización.

Refleja cómo abordo proyectos complejos en clientes.