How ChokChok Was Built: From SheCodes to Production
A real product built by a real student — here is how it happened.
Ask ChokChok AI
Get instant answers about "How ChokChok Was Built: From SheCodes to Production"
Try asking
It Started With a Frustration
Finding honest K-beauty information online is exhausting. Every blog is SEO-stuffed with affiliate links, every "review" is a sponsored post, and the ingredient science is buried under marketing language. ChokChok started as an answer to that frustration — and a SheCodes project that got out of hand in the best way.
What SheCodes Teaches
SheCodes workshops teach real, production-grade web development. Not toy examples. Not "build a calculator." Actual skills:
- HTML & CSS: The fundamentals that every website is built on
- JavaScript: The language that makes the web interactive
- React: The framework used by Instagram, Airbnb, and now ChokChok
- APIs: How to connect your app to data from the internet
- AI integration: How to build products using tools like OpenAI
These aren't beginner-only concepts. They're the exact stack that ChokChok runs on in production today.
The Stack Behind ChokChok
ChokChok is built with:
- Next.js (React framework) — for fast, SEO-friendly pages
- Supabase — a PostgreSQL database holding 163 products, 49 brands, 21 ingredients, and thousands of user reviews
- OpenAI API — powering the AI routine builder and Ask ChokChok chat
- Tailwind CSS — for the brutalist design system you see on screen
- Vercel — for deployment and hosting
Every single one of these tools was approachable after completing SheCodes workshops. The workshops give you the mental model to learn anything.
From Workshop to 2,000+ Pages
ChokChok now statically generates over 2,000 pages at build time — product pages, brand profiles, ingredient guides, comparison pages, "Best X for Y" landing pages. That's real SEO infrastructure, built by someone who started learning to code through workshops.
The gap between "I finished a workshop" and "I built a real product" is smaller than you think. You just have to start building something you actually care about.
What You Can Build
If you're considering SheCodes, here's what the skills unlock:
- Portfolio projects that stand out to employers
- Real products that solve real problems (like ChokChok)
- Freelance work building websites for small businesses
- Career transitions into tech roles that are in demand globally
The K-beauty niche is niche by design — the point is that you can apply these skills to any domain you're passionate about. Fashion, food, fitness, finance. The code is the same.
Start Where ChokChok Started
ChokChok didn't launch as a polished product. It launched as a messy first version with hardcoded data and no users. The workshops gave the foundation; building gave the confidence; shipping gave the feedback.
If you're ready to build something of your own, SheCodes workshops are how ChokChok got started. They're beginner-friendly, project-based, and taught by people who build real things.
The tools are learnable. The only question is what you'll build with them.
Keep Reading
How German Apotheke culture shaped a different kind of skincare
Germany's Apotheke system — university-trained pharmacists, strict regulation, clinical distribution — has produced a skincare culture where evidence comes before excitement. This is the story of how German pharmaceutical rigour created brands that the rest of the world is learning to appreciate.
The clean beauty reckoning: what US indie brands got right and what they got wrong
American clean beauty brands built a movement on ingredient exclusion lists and Instagram aesthetics. A decade later, the movement faces its own contradictions — effective formulations that happen to be 'clean' vs 'clean' formulations that compromise on efficacy.