Sculpted Goddess.

Ett CS50-projekt byggt i Python och Flask

-- URSPRUNG

Sculpted Goddess skapades som slutprojekt i Harvards CS50x — ett verktyg för kost och träning som hjälper kvinnor att skapa personliga kostplaner och nå sina mål.

Den ursprungliga versionen byggdes med Python, Flask, SQL, JavaScript, HTML och SCSS. Den integrerade Edamam API och inkluderade autentisering, makrokalkylator samt receptsökning och sparfunktioner.

Applikationen fungerade, men blev med tiden svår att underhålla och vidareutveckla. Python-kunskapen försvann, API:t blev föråldrat och arkitekturen saknade skalbarhet — vilket ledde till beslutet att bygga om allt från grunden.

Design först — då och nu

-- DESIGNKONCEPT

Den ursprungliga versionen av Sculpted Goddess designades i Adobe XD innan någon kod skrevs — ett medvetet design-first-approach som även följde med i den ombyggda versionen. Det visuella språket behövde kännas starkt och medvetet: en plattform för kvinnor som tar nutrition och träning på allvar, inte en generisk wellness-app. Ren struktur, tydlig hierarki och en självsäker estetik som signalerar förtroende och precision.

Ursprungligt designkoncept — Adobe XD

En modern teknisk grund

-- OMBYGGNAD & ARKITEKTUR

Ombyggnaden var inte kosmetisk — det var en fullständig teknisk omstrukturering. Målet var att behålla funktionaliteten men modernisera grunden.

Den nya stacken använder Next.js med TypeScript, SCSS för styling och libSQL för databasen. Edamam API ersattes med MealDB.

Vad plattformen gör

-- KÄRNFUNKTIONER

Sculpted Goddess är byggd kring fyra huvudfunktioner: en receptsökning baserad på MealDB API med individuell näringsdata per recept, ett personligt receptbibliotek där inloggade användare kan spara och återvända till sina favoriter, en makronärings- och BMI-kalkylator som använder personlig data och träningsmål som input, samt ett kontaktformulär för direkt kundkontakt.

Plattformen är öppen för alla att utforska, men genom att registrera sig och logga in får användaren tillgång till hela funktionaliteten — spara recept, personlig data och makrospårning. Denna struktur håller tröskeln låg samtidigt som den skapar en tydlig anledning att registrera sig.

Den ombyggda plattformen live — receptsökning, näringsdata och personlig makrospårning

Från Flask till Next.js — vad som förändrades och varför

-- TEKNISK UTVECKLING

De tekniska förbättringarna i ombyggnaden handlar inte bara om att byta ramverk. De speglar ett helt nytt sätt att strukturera, typa och underhålla applikationen över tid.

Not: Python och Flask är utmärkta verktyg för många användningsområden. Beslutet att bygga om i Next.js baserades på detta projekts specifika mål: att demonstrera modern frontend-arkitektur, förbättra långsiktig underhållbarhet och anpassa kodbasen till den stack jag använder i kundprojekt.

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

Ett strukturerat SCSS-designsystem för konsekvens i hela applikationen

-- DESIGNSYSTEM

Sculpted Goddess använder en strukturerad SCSS-arkitektur: colors.scss, fontSizes.scss och breakPoints.scss importeras i en central constants.module.scss som exponerar alla design tokens direkt till JavaScript-komponenter. Avstånd, typografi, breakpoints och färger definieras en gång och används genom hela applikationen — inga magiska värden eller upprepade hex-koder.

Typografisystemet använder två tydligt definierade typsnitt: Cinzel (serif) för h1-rubriker — versaler, hög visuell tyngd och i linje med varumärket — samt Open Sans för brödtext, etiketter och navigation. Textstorlekar definieras över tre tydliga breakpoints (mobil, tablet, desktop) via CSS-variabler i globals.scss, vilket ger en konsekvent och förutsägbar typografisk skala på alla enheter.

Designsystem · SCSS-tokens och responsiv typografisk skala

Ett personligt projekt som blev en professionell case study

-- RESULTAT

Sculpted Goddess utvecklades från ett kursprojekt till ett konkret exempel på hur jag arbetar med komplexa system och modernisering.

Projektet speglar hur jag hjälper kunder att migrera och modernisera befintliga lösningar.