Hack Club Workshops

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

Our Philosophy »

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

Hack IDE

Make an IDE with HTML, Javascript and CSS!
Demo

Workshop bounties

Fabulous community-created workshops from the Workshop Bounty program.

Amazing Scrapbook CSS

Customize your Scrapbook through simple CSS
Demo

JavaScript Clock

Build a clock using HTML, CSS, & JavaScript
Demo

Stopwatch

Build a simple stopwatch with HTML, CSS, & JavaScript
Demo

Tunes on JS

Make a piano for your web browser with Tone.js
Demo

Robotic Emails

Build a mass-emailer with easy templating in Python
Demo

Python Turtle

Draw shapes & patterns using Python’s Turtle library
Demo

Animated 3D Models

Make animated 3D models using a simple JavaScript library
Demo

Web Login

Build a secure web login page using Firebase & JavaScript
Demo

Konami Code

Add a fun Easter Egg to your website with JavaScript
Demo

Python

Learn to use one of the most powerful and beginner-friendly languages.

Twitter Automation

Automate Everything from twitter login to posting a tweet!

Vigenere Cipher

Make a cryptographic cipher with python

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 out there.

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

Dice Game

Learn react-native by making a cool Dice game.

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

IOT with Arduino

Control your arduino from a website with the help of Node js.

Miscellaneous

Workshops not properly categorized yet.

Personal Website 2

The personal website workshop, slide-deck style

Hello Bot

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

Publish Your First npm Package

Learn how to create an npm package and then publish it!

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

API Canvas

Make a web API that wreaks havoc on your website