Interactive Games & Playground

Learn by playing, learn by contributing! Our games are powered entirely by open-source data. Add a question to the JSON files to expand the games.

Public Developer API Live!You can fetch all of this game data to build your own apps. See the README for the REST endpoints.

DevQuest: The RPG

A text-based RPG where every monster and item is contributed by the community.

Player LVL 1

100 / 100 HP

Equipped Weapon

Fists (5 DMG)

The room is empty.

Do you want to move to the next room?

Action Log

> Welcome to DevQuest!

A new adventure begins...

Active Quests

Clear the Cache

Defeat 3 Syntax Error Slimes to prove your worth.

0 / 3

Plug the Leak

The Memory Leak is consuming RAM. Defeat it 2 times.

0 / 2

Backpack (0)

Your backpack is empty.

CodeBot Auto-Battler

Configure your bot stats in JSON and simulate epic arena battles.

CodeBot Auto-Battler

Select two community-built bots. Stats are normalized to a maximum of 150 points.

Select Bot A

Select Bot B

DevType (Code Speed Tester)

Test your raw typing speed (WPM) and accuracy against actual community-submitted code snippets.

DevType

Test your typing speed against real code snippets submitted by the community. Accuracy and WPM are measured in real-time.

JavaScript@Dhia-Bechattaoui

function calculateWPM(chars, time) { const words = chars / 5; return Math.round(words / time); }

React@Dhia-Bechattaoui

const DevType = ({ snippets }) => { const [input, setInput] = useState(''); return <div>{snippets[0].code}</div>; };

CSS@Dhia-Bechattaoui

.terminal-glass { background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(10px); border: 1px solid white; }

CSS Puzzle Game

Test your layout skills! Write actual CSS to position elements correctly on the screen.

CSS Puzzle Game

Test your layout skills! Write actual CSS to position elements correctly on the screen and solve the puzzle.

Level 1@Dhia-Bechattaoui

Center the Div

Use Flexbox to perfectly center the child square inside the container.

Level 2@Dhia-Bechattaoui

Space Them Out

Use Flexbox to evenly space the three boxes across the entire width of the container, with space between them.

Level 3@Dhia-Bechattaoui

Column Alignment

Stack the three boxes vertically and center them horizontally.

DevForge Trivia Engine

DevForge Trivia

Score: 0

Question 1 of 4

Which programming language was created by Brendan Eich in 1995?

Contributed by @Dhia-Bechattaoui