Hack Club Workshops

Learn to code with this collection of community-contributed, self-guided coding tutorials + ideas.

Our Philosophy »

Workshop Bounties

Fabulous workshops created by the community during the Workshop Bounty program.

Creating a jaw-dropping Scrapbook

A simple introduction to CSS and its wonderful quirks!
Demo

Start here

Set out on your journey by building your own website, then move on to multiplayer games and collaborative web apps.

Personal Website

Make your first website from scratch
Demo

Splatter Paint

Crazy colorful splatter paint in your browser with Paper.js
Demo

Colorful Grammar

Let your words color the screen
Demo

Speak Colors

Color your screen with your voice via speech recognition.
Demo

Sound Galaxy

Visualize sound by making particles move in a galaxy
Demo

Teachable Machine

Easily get started with machine learning—no coding required
Demo

Web development

Learn how to make things happen on the web, from basic JavaScript to web APIs

Find Bigfoot

Simple game to find Bigfoot using HTML, CSS and JS
Demo

Synth

Let’s make a synth pad with Tone.js
Demo

Dashboard

Personal dashboard with news and weather
Demo

Geometric Pattern

Generate geometric patterns using p5.js
Demo

Sketch Together

Real-time collaborative drawing pad using p5.js
Demo

Tree Machine

Generate virtual trees with p5
Demo

Julia Fractals

Draw some fractals with math.js and HTML Canvas
Demo

WikiBot

Build a WhatsApp bot with Twilio APIs, in 30 minutes 🕐
Demo

Games

Learn to build games, both locally and on the web!

Dodge

Bullet-dodging game using p5.js

Platformer

Simple side-scrolling platformer game

PICO-8 Maze

A "scary maze" game built on the PICO-8

React

Learn to use one of the most popular JavaScript frameworks on the web.

Starting with Next.js

Intro to React & Next.js with a shopping list website

Dashboard with Next.js

News/weather personal dashboard built with React & Next.js

Machine Learning

Learn how to make machines learn with these fun projects!

Teachable Machine

Easily get started with machine learning—no coding required

Feature Extractor

Build your first ML app, with just a little JavaScript

Hot Dog or Not Hot Dog?

Build a basic hot dog classifier using the Clarifai API for Python

Arduino

Bring projects from cyberspace to the real world with this small hardware platform.

Blink

Blink an LED with Arduino

Temperature Monitor

Build a temperature monitor with Arduino

Miscellaneous

Workshops not properly categorized yet.

Personal Website 2

The personal website workshop, slide-deck style

Vigenere Cipher

Make a cryptographic cipher with python

Hello Bot

A Discord bot with a simple "Hello World!" command.

Line Following Robot

Make your very own Line Following Robot

Pyramid Bot

Build a Discord bot that makes pyramids!

Web Scraper

Build a simple web scraping application with Typescript, Axios, and Cheerio