Skip to main content

Quick Start Guide

Get up and running with CodeJam in just a few minutes. This guide will walk you through creating your account, choosing your learning path, and playing your first challenge.
1

Create Your Account

Navigate to the CodeJam platform and click “Start Coding” on the homepage.You can sign up using:
  • Email and password
  • GitHub OAuth (recommended to showcase your existing work)
  • Anonymous mode (to try it out first)
Once authenticated, you’ll be redirected to your personalized dashboard.
Connecting your GitHub account helps build your developer identity and allows you to showcase your existing projects.
2

Choose Your Learning Path

On first login, you’ll see a path selection screen. Choose from four primary languages:

JavaScript

Perfect for web development. Master modern ES6+, async/await, and functional programming.

Python

Ideal for beginners. Build strong logic foundations and algorithmic thinking.

C++

For performance enthusiasts. Learn memory optimization and low-level programming.

HTML/CSS

Start from scratch. Build beautiful interfaces and learn web fundamentals.
Your choice determines your initial roadmap, but you can always switch or explore other paths later.
Each path has a dedicated roadmap with “Skirmish” challenges that unlock progressively harder content.
3

Explore Your Dashboard

Your command center displays:Quick Stats
  • Flame Icon: Your daily streak counter
  • Star Icon: Total XP earned
  • Globe Icon: Your global rank
Main Cards
  • Current Rank Card: Shows your level and title (Script Kiddie → Code Warrior → Tech Wizard → 10x Developer)
  • Active Module: Tracks progress on your current guide
  • Recent Badges: Displays recently unlocked achievements
  • Activity Log: Visual graph of your weekly XP gains
Click “Continue Quest” to jump back into your last active challenge, or “View Roadmap” to see all available content.
4

Play Your First Challenge

Navigate to the Arena or Library section to browse available challenges.Challenge Types:Syntax Smasher (Beginner)
  • Fix broken JavaScript syntax errors
  • Race against time across 5 rounds
  • Earn 100 base XP
  • Objectives: Survive 5 rounds, maintain 5x streak, avoid compilation errors
Function Fury (Intermediate)
  • Master higher-order functions and closures
  • Fix syntax and logic errors
  • Earn 150 base XP
  • Objectives: Fix syntax errors, maintain 3x streak, complete under 60 seconds
Click on a challenge to:
  1. Read the objectives and difficulty
  2. Start the timer
  3. Write or fix code in the integrated editor
  4. Submit your solution
  5. Earn XP and climb the leaderboard
Your streak multiplier increases with consecutive correct solutions but resets on errors. Aim for accuracy!
5

Understand XP and Progression

CodeJam uses a comprehensive progression system:Experience Points (XP)
  • Earned by completing challenges, maintaining streaks, and achieving objectives
  • Base XP varies by difficulty: 100 (Beginner) → 300 (Expert)
  • Bonus XP for speed, accuracy, and special achievements
Levels
  • Automatically calculated from total XP
  • Unlock new rank titles as you progress:
    • Level 1-4: Script Kiddie
    • Level 5-9: Code Warrior
    • Level 10-19: Tech Wizard
    • Level 20+: 10x Developer
Streaks
  • Track consecutive days of activity
  • Updated when you complete any challenge or guide
  • Visible on your dashboard with a flame icon
Badges
  • Special achievements for milestones:
    • “Hello World” Master: Complete your first guide
    • 5 Day Streak: Maintain a 5-day streak
    • Bug Hunter: Fix 100 syntax errors
    • Algo Architect: Complete advanced algorithm challenges
    • CSS Wizard: Master layout challenges
Check your profile regularly to see badge progress and set goals for the next unlock.
6

Try Ghost Mode Multiplayer

Make coding social by challenging friends:
  1. Add Friends: Search for users by name or email in the Friends sidebar
  2. Send Challenge: Select a game and challenge a friend
  3. Play Your Round: Complete the challenge and set your score
  4. Wait for Revenge: Your friend gets notified and can attempt to beat your score
  5. Continue the Loop: Battle back and forth until a winner emerges
When a friend beats your score, you’ll see a Revenge Alert on your dashboard:
“[Friend Name] crushed your score! Battle back now.”
Click “Battle” to launch directly into the same challenge and reclaim your honor.

Next Steps

Now that you’re set up:

Ready to Level Up?

Head to the game modes page and start your journey to becoming a 10x Developer.

Build docs developers (and LLMs) love