Hack Club Workshops
Learn to code with this collection of community-contributed, self-guided coding tutorials + ideas.
Our Philosophy »Start here
Copy Link
Sound Galaxy
Visualize sound by making particles move in a galaxy
Jamming with Muse
Compose music with code
Particle Physics
Creating a basic particle physics simulation and rendering using p5.js
Teachable Machine
Easily get started with machine learning—no coding required
Synth
Let’s make a synth pad with Tone.js
Draw Dino
An “inter-active” primer to submiting pull requests on GitHub. Featuring art!
Sprig
Copy Link
Web development
Copy Link
Whackamole!
Build a Whackamole game
Find Bigfoot
Simple game to find Bigfoot using HTML, CSS and JS
Synth
Let’s make a synth pad with Tone.jsColorful Grammar
Let your words color the screen
Speak Colors
Color your screen with your voice via speech recognition.
Teachable Machine
Easily get started with machine learning—no coding requiredDashboard
Personal dashboard with news and weather
Tunes on JS
Make a piano for your web browser with Tone.js
Particle Physics
Creating a basic particle physics simulation and rendering using p5.jsGeometric Pattern
Generate geometric patterns using p5.js
Animated 3D Models
Make animated 3D models using a simple JavaScript library
JavaScript Clock
Build a clock using HTML, CSS, & JavaScript
Sketch Together
Real-time collaborative drawing pad using p5.js
Stopwatch
Build a simple stopwatch with HTML, CSS, & JavaScript
Custom Search Engine
Build a personalized search engine with Google's Search API
JavaScript Typing Test
A Typing Test website built with HTML, CSS, and JavaScript
Hack IDE
Make an IDE with HTML, Javascript and CSS!
Deploying Websites
Deploying, hosting, using continuous deployment, custom domains and more
Web Login
Build a secure web login page using Firebase & JavaScript
Rebar
Build a fully responsive navbar for your websites.
Parallax Effect
Creating greater user experience on web using JavaScript
Serverless Contact Form
Make a website “contact me” form using Netlify serverless functions
JavaScript Snake
A snake game made with HTML, CSS, and JavaScript!
Weather App
Making a Weather App using HTML, CSS and JavaScript
Web Chat
Make a personal chat server for you and your friends with WebSockets and Deno
Custom Link Shortener
Build your own custom link shortener to save time remembering links.
Image Editor
Make your own image editor
VR World
Create your own VR World
Password Generator
Build a password generator tool with HTML, CSS, and JavaScript
Drum Pad
Creating a Drum Pad with HTML, CSS & JS
Weather Grapher
Graph the average temperature in any major city by using a Web API
Pixel Art Pad
Build a pixel art pad using HTML and Java
EchoAR Models
Displaying EchoAR Models that you can see in Augmented Reality
Charts with Chart.js
Use a JavaScript library to make cool charts!
Kahoot Clone — Kuizzy
Make a Kahoot clone with SweetAlert, WebSockets, and Node.js
Painting App
Create an MSPaint-style painting app on the web!
Website Mockup Generator
Build a website mockup generator with HTML, CSS, and JS
Thunderstorm
A thunderstorm in your browser
Games
Copy Link
Platformer
Simple side-scrolling platformer gamePICO-8 Maze
A "scary maze" game built on the PICO-8Memory Game
Create your own memory game using JavaScriptOrpheus Run
Create an endless running game with just HTML, CSS and some JavaScript!Atari Breakout
Build the classic Atari Breakout game using p5.jsASCII Hangman
Make a simple hangman game using JavaText Adventure Game in Rust
Make a text adventure game while writing your first Rust program!Python
Copy Link
Vigenere Cipher
Make a cryptographic cipher with pythonPassword cracker with Python!
Learn how to create a password cracker with Python!Python Turtle
Draw shapes & patterns using Python’s Turtle libraryPyChristmas
Make Christmas greetings with Turtle graphics in PythonStock Visualizer in Python
Make a stock visualizer in Python and learn how to use web requestsPython Data Viz
Use python to create basic graphs and visualizations with real dataKanyeRest Quote Generator
Make a quote generator with FlaskSnake Game
The classic snake game recreated in PythonPokedex with Python
Create a Pokemon Simulator with PythonFibonacci Graph Generator
Build a Fibonacci Graph Generator with Python!Rock Paper Scissors
Make a simple rock paper scissors game using PythonDrawing Shapes with Turtle
Make a shape drawing program with Python Turtle!Space Bar Games
Make two games where you press the space bar as fast as possible!Flask Login
Make a Flask API that allows you to register and log in users.Dice Rolling
Create a dice rolling simulator with Python and turtle!Reading the Internet
Use Python to read HTML and extract any information you can find!Smart Calculator
Build a human-like calculator that responds to text prompts using PythonScalable Snowman
Create your own scalable snowman using Python Turtle!Tic Tac Toe
Make the Classic Tic Tac Toe Game in PythonPyCuriosity
An API explorer that fetches images from the Curiosity Rover.React
Copy Link
Starting with Next.js
Intro to React & Next.js with a shopping list websiteDice Game
Learn react-native by making a cool Dice game.Mini Calendar
Build a simple mini calendar with ReactJS.Quotes Generator
Build a random quotes generator with ReactJSFetch a Hack Clubber
Learn data-fetching with Next.js and meet someone new!Simple Calculator
Build a simple calculator with ReactJSPopulous Cities
Create a map of 50 most populous cities using React LeafletClicker Game
Build your own clicker game using React!Chrome Extensions
Copy Link
Chat bots
Copy Link
Machine Learning
Copy Link
Node & Deno: JavaScript runtimes
Copy Link
Hardware
Copy Link
Blink
Blink an LED with ArduinoTemperature Monitor
Build a temperature monitor with ArduinoMeme Songs with Arduino
Building an online Arduino application that plays the Coffin Dancemicro:bit Flappy Bird
Create a basic Flappy Bird Game using BBC micro:bitElectronic Die
Create an electronic die using a seven segment LED displayC#
Copy Link
Adventures of Hack Island!
Copy Link
Functional Programming with JavaScript
Copy Link
Miscellaneous
Copy Link