Mastery Quest Board

Development Skills

22/50 quests

Beginner (16 quests)

HTML & CSS

A styled, multi-page static website.

Tailwind CSS Integration

A project configured with Tailwind CSS.

Deploy to Vercel

A live website deployed from a Git repo.

Svelte & SvelteKit

A functional SvelteKit project.

Component Library Usage

Integrate and theme shadcn-svelte.

Supabase Setup

A project with Supabase for DB and Auth.

Implement Social Auth

Functional Google/GitHub sign-in.

Basic CRUD with an ORM

All four CRUD operations using Drizzle.

Local Development Environment

A project running locally via Docker.

Send a Transactional Email

Automated welcome email via Mailgun.

Git Branching Basics

A merged feature branch in a Git repo.

SvelteKit Form Actions

A form using progressive enhancement.

Svelte Transitions

UI animations using built-in transitions.

GSAP Basics

A simple GSAP animation on an element.

Vercel Analytics

Vercel Analytics tracking user data.

Environment Variables

API keys managed with Vercel env variables.

Intermediate (21 quests)

Stripe Integration

A complete Stripe Checkout payment flow.

Webhook Handling

A secure endpoint for third-party webhooks.

Schema Validation with Zod

Zod validation for form and API inputs.

Anonymous User Handling

Functionality for non-logged-in users with Supabase.

Image & File Uploads

File uploads to Supabase Storage.

Database Migrations

Schema changes managed via Drizzle migrations.

API Endpoint Testing

Automated tests for critical API endpoints.

Types & Interfaces

A well-typed codebase using TypeScript.

Setup CI/CD

A basic CI/CD pipeline in GitHub Actions.

Advanced Layouts

A nested route layout in SvelteKit.

Custom Svelte Store

A custom store for complex app state.

SvelteKit Hooks

Server hooks managing auth logic.

Row Level Security

RLS policies securing user data in Supabase.

Complex Drizzle Joins

A Drizzle query joining 3+ tables.

GSAP Timelines

A multi-step animation using a GSAP Timeline.

GSAP ScrollTrigger

Scroll-based animations via ScrollTrigger.

Shareable Public Pages

A unique, shareable page for each user.

Headless CMS Integration

A site pulling content from Contentful headless CMS.

User Profile & Settings

A page for users to update their profile.

Supabase Cron Jobs

A scheduled task using Supabase Cron Jobs.

SQL functions

Automated SQL function in Supabase.

Advanced (13 quests)

Implement Background Jobs

A queue system for async tasks.

Full-Text Search

An integrated, powerful search feature.

Performance Optimization

A slow page or query, optimized.

Containerize an Application

A Dockerfile for the full application.

Implement Caching

A caching strategy for frequent requests.

Feature Flags

A feature rolled out via feature flags.

Supabase Edge Functions

A deployed, high-performance Edge Function.

Database Functions (RPC)

A custom PostgreSQL function callable via RPC.

Supabase Realtime

A feature using Supabase Realtime.

Complex SVG Animation

A GSAP-animated SVG illustration.

Performant Animations

A GSAP animation using only transforms/opacity.

In-App Notifications

A system for in-app user notifications.

User Roles & Permissions

A system for multiple user roles.