52 Weeks of Code is my attempt to ship one small coding project every week(ish) for a year.
The challenge is about consistency, experimentation, and learning by doing. It doesn’t matter if a project is tiny, experimental, unfinished, or overly ambitious. The point is to build, ship, learn, repeat, and improve through iteration.
This is my structured way to grow as a frontend-focused creative technologist by producing small, self-contained projects that develop my technical range, design instincts, and problem-solving ability.
- Build real, repeatable coding habits
- Strengthen fundamentals in UI, state, and interaction logic
- Explore creative tooling, visual coding, and system thinking
- Reduce fear of “unfinished” work by shipping something every week
- Document progress publicly for accountability and momentum
Each project has intentionally limited scope. Constraints keep the focus on execution and learning, not perfection.
Every week includes:
- A scoped project (finished or at least functional)
- A write-up about what I built and why
- A live demo hosted via GitHub Pages
- A short post-mortem
- Consistency beats intensity
- Small projects compound over time
- Readable code is better than clever code
- State first, rendering second
- Mutate with intent
- Keep logic isolated, modular, and testable
Throughout the year, I aim to reinforce:
- Frontend architecture (React, Canvas, DOM APIs, and others)
- Creative coding and generative systems
- Interaction design patterns
- Geometry and math for UI tooling
- Modular utilities and clean structure
- Testing fundamentals with Vitest
- Deployment, documentation, and project hygiene
Week 1 – Marching Ants Selection Tool
Live demo: https://gbsr.github.io/week-1-marching-ants-selection-tool/
Repository: https://github.com/gbsr/week-1-marching-ants-selection-tool
Week 2 – Boids Simulation
Live demo: https://gbsr.github.io/week-2-boids/
Repository: https://github.com/gbsr/week-2-boids
Week 3 - Motion Builder JS
Live demo: https://gbsr.github.io/week-3-motion-builder-js/
Repository: https://github.com/gbsr/week-3-motion-builder-js
Week 4 - Flow Field Visualiser & Tester
Live demo: https://gbsr.github.io/week-4-vector-field-designer/
Repo: https://github.com/gbsr/week-4-vector-field-designer
Week 5 - Tendril
Live demo: https://gbsr.github.io/week-5-tendril/
Repo: https://github.com/gbsr/week-5-tendril
Week 6 - No Project because I failed miserably and life also got in the way ;)
Week 7 - World Map Generator (failed, sort of)
Live Demo: https://gbsr.github.io/week-7-world-map-generator/
Repo: https://github.com/gbsr/week-7-world-map-generator
I’m Anders Hofsten — a junior frontend developer currently building my own structure and momentum through practical weekly projects. I enjoy working on interactive tools, visual systems, and UI/UX experiments, and I want to develop the skillset to create them independently.
Portfolio: https://andershofsten.com
Threads: https://www.threads.com/@ruido_outpost
LinkedIn: https://www.linkedin.com/in/ahofsten
X: https://x.com/soundsbyhofsten
If you want to follow along or share ideas, feel free to reach out.
If you post your own progress, use the tag #52weeksofcode.
Let's build some stuff!