beginner
A token system with themed components
Build the foundation of a small design system. Define DESIGN TOKENS in tiers — primitive/global (raw values), semantic/alias (intent, e.g....
Graded on
Open projectToken tiersx5Themingx4Componentsx3+1
Essential session storage is required to sign in. Optional analytics remain off unless you allow them.
Filter 243 public project briefs by path and level. Sign in to track progress and reviews. Each brief exposes its grading criteria before you start.
Build the foundation of a small design system. Define DESIGN TOKENS in tiers — primitive/global (raw values), semantic/alias (intent, e.g....
Build a small but real component library (5-8 components) packaged for consumption. Components must be ACCESSIBLE by default (semantic HTML, ARIA only...
Build a production-shaped design system in a monorepo. Include: (1) a tiered token pipeline (e.g. Style Dictionary) feeding components, with...
Take any small app and make it shippable: a multi-stage Dockerfile (small final image, non-root user, pinned base), a docker-compose for local dev...
Take any small web app: Dockerize it (multi-stage, non-root, pinned base), compose it with its database, build a CI pipeline (lint/test/build →...
Instrument a running service end to end: structured logs, request metrics (latency, error rate, throughput), and traces across at least one service...
Take an existing app repo (your own) and add a DevSecOps CI pipeline that runs on every pull request. Requirements: add SECRET SCANNING (gitleaks) as...
Take a containerized app deployed via Infrastructure as Code (your own) and harden it. Requirements: rewrite the Dockerfile for a MINIMAL base...
Build a full DevSecOps pipeline for an app you own, with defense-in-depth across the lifecycle. Requirements: (1) a THREAT MODEL (STRIDE on a data...
Pick a real API/SDK/tool and write a getting-started TUTORIAL (a learning-oriented Diátaxis type — NOT a how-to or reference) that takes a developer...
Produce two DevRel artifacts. (1) A conference TALK package: a CFP (Call for Papers) abstract, a talk OUTLINE with one clear core message and a...
Write a full DevRel program plan for a developer-tool/API company. Deliver: (1) STRATEGY — what DevRel is for here (mapped to a business goal), the...
Build a small Django app (a blog, a task tracker, a bookmark manager). Requirements: define at least TWO models with fields AND a ForeignKey...
Build a REST API with Django REST Framework over a small domain (a library, a store, an issue tracker). Requirements: model the domain with...
Build a fuller Django app and harden it for production (a multi-user SaaS-style app, a marketplace). Requirements: (1) auth flows gated with...
Take a small app (a web server, API, or script) and containerize it: write a Dockerfile (correct base image, COPY, dependency install, a proper...
Use Docker Compose to run a multi-container app: an application service plus a database (and optionally a cache), wired on a shared network so...
Take a working but bloated image and harden it for production: convert it to a MULTI-STAGE build so build tooling stays out of the final image, switch...
Build a search over a real dataset (products, movies, recipes). Requirements: define an EXPLICIT MAPPING choosing text vs keyword correctly (fields...
Extend the search into a tuned-relevance + analytics app. Requirements: use `multi_match` across several fields with per-field BOOSTS and `fuzziness`;...
Build a production-shaped Elasticsearch service (a logging/observability pipeline, or an app-search backend with an API). Requirements: (1) a real...
Design how you'd run 1:1s for a small team and practice giving real feedback. Deliver: (1) a 1:1 operating doc — cadence (weekly), who owns the agenda...
Take a (real or realistic) team that's struggling and produce a diagnosis + improvement plan. Include: (1) a TEAM-HEALTH read using psychological...
Write an end-to-end EM operating model plus a worked hard-decision case. Deliver: (1) how you run the team — 1:1s, feedback/performance (incl. how...