Hack Club Workshops
Learn to code with this collection of community-contributed, self-guided coding tutorials + ideas.
Our Philosophy »
Set out on your journey by building your own website, then move on to multiplayer games and collaborative web apps.
Make your first website from scratch
Crazy colorful splatter paint in your browser with Paper.js
Let your words color the screen
Color your screen with your voice via speech recognition.
Visualize sound by making particles move in a galaxy
Easily get started with machine learning—no coding required
Workshops on the bleeding edge of development. All warranties void if used. Could result in delight or despair.
Jamming with Muse
Compose music with code
Reverse Workshop: Stressed Ball
learn to code like real programmers, by looking everything up
Reverse Workshop: Generative Art
use a toolbox of examples to compose dynamic art pieces
Simple game to find Bigfoot using HTML, CSS and JS
Let’s make a synth pad with Tone.js
Personal dashboard with news and weather
Tunes on JS
Make a piano for your web browser with Tone.js
Draw some fractals with math.js and HTML Canvas
Creating a basic particle physics simulation and rendering using p5.js
Generate geometric patterns using p5.js
Animated 3D Models
Real-time collaborative drawing pad using p5.js
Generate virtual trees with p5
Custom Search Engine
Build a personalized search engine with Google's Search API
Deploying, hosting, using continuous deployment, custom domains and more
Build a fully responsive navbar for your websites.
Serverless Contact Form
Make a website “contact me” form using Netlify serverless functions
Make a personal chat server for you and your friends with WebSockets and Deno
Spin The Wheel
Custom Link Shortener
Build your own custom link shortener to save time remembering links.
Make your own image editor
Create your own VR World
Creating a Drum Pad with HTML, CSS & JS
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
Displaying EchoAR Models that you can see in Augmented Reality
Charts with Chart.js
Kahoot Clone — Kuizzy
Make a Kahoot clone with SweetAlert, WebSockets, and Node.js
Create an MSPaint-style painting app on the web!
Website Mockup Generator
Build a website mockup generator with HTML, CSS, and JS
Learn to build games, both locally and on the web!
Bullet-dodging game using p5.js
Simple side-scrolling platformer game
A "scary maze" game built on the PICO-8
Build the classic Atari Breakout game using p5.js
Make a simple hangman game using Java
Text Adventure Game in Rust
Make a text adventure game while writing your first Rust program!
Making games with KABOOM!
Learn to use one of the most powerful and beginner-friendly languages.
Automate Everything from twitter login to posting a tweet!
Make a cryptographic cipher with python
Password cracker with python!
Learn how to create a password cracker with Python!
Build a mass-emailer with easy templating in Python
Draw shapes & patterns using Python’s Turtle library
Make Christmas greetings with Turtle graphics in Python
Stock Visualizer in Python
Make a stock visualizer in Python and learn how to use web requests
Python Data Viz
Use python to create basic graphs and visualizations with real data
KanyeRest Quote Generator
Make a quote generator with Flask
The classic snake game recreated in Python
Pokedex with Python
Create a Pokemon Simulator with Python
Fibonacci Graph Generator
Build a Fibonacci Graph Generator with Python!
Create a 3D mountain with Python data viz tools
Rock Paper Scissors
Make a simple rock paper scissors game using Python
Drawing 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!
Make a Flask API that allows you to register and log in users.
Dungeon Crawler Overworld
Create your dungeon crawler overworld with Python!
Create a dice rolling simulator with Python and turtle!
Password Generation with Python
Learn about cybersecurity by making a password generator in Python!
Reading the Internet
Use Python to read HTML and extract any information you can find!
Build a human-like calculator that responds to text prompts using Python
Create your own scalable snowman using Python Turtle!
Tic Tac Toe
Make the Classic Tic Tac Toe Game in Python
Starting with Next.js
Intro to React & Next.js with a shopping list website
Learn react-native by making a cool Dice game.
Build a simple mini calendar with ReactJS.
Build a random quotes generator with ReactJS
Fetch a Hack Clubber
Learn data-fetching with Next.js and meet someone new!
Build a simple calculator with ReactJS
Create a map of 50 most populous cities using React Leaflet
Build your own clicker game using React!
Create a full-stack To-do App using React and Firebase
Color Scheme Generator
Create color schemes using React Hooks
Extend the functionality of the world's most popular browser.
Build a Chrome extension!
Hack your way to productivity by building your own bookmarking Chrome extension
Build a simple chrome extension which tracks Bitcoin prices.
Make all sorts of bots for popular platforms such as Discord & Slack.
A Discord bot with a simple "Hello World!" command.
Build a Discord bot that makes pyramids!
Slack Todo List
Make a todo list Slack bot with Node.js and Bolt
Discord poll bot in Rust
Make a Discord polling bot in Rust using the Serenity library
Automating your Slack Profile Picture
Make a program that changes your Slack profile picture based on the time of day.
Build a WhatsApp bot with Twilio APIs, in 30 minutes 🕐
Discord Custom Message Bot
Save your own own custom messages with a Discord Bot!
Learn how to make machines learn with these fun projects!
Easily get started with machine learning—no coding required
An introduction to machine learning with TensorFlow and Keras
Running JS outside of the web can be a lot of fun.
Craft your own CLI App using Node.js
Build a simple web scraping application with Typescript, Axios, and Cheerio
Hack Club CDN Uploader
Make a Library and CLI to upload to the Hack Club CDN
Publish Your First npm Package
Learn how to create an npm package and then publish it!
Bring projects from cyberspace to the real world with Arduinos and more.
Blink an LED with Arduino
Build a temperature monitor with Arduino
IOT with Arduino
Control your arduino from a website with the help of Node js.
Meme Songs with Arduino
Building an online Arduino application that plays the Coffin Dance
micro:bit Flappy Bird
Create a basic Flappy Bird Game using BBC micro:bit
Create an electronic die using a seven segment LED display
Line Following Robot
Make your very own Line Following Robot
Learn all about C#, a language that can be used for almost anything.
Enter a parallel universe where gambling is legal and make a gambling simulator in C#
Create your own dialogue tree system with C#!
Create a Battleship guessing game with C#!
Make a Mad Libs program in C#!
Adventures of Hack Island!
Help Orpheus and the people of Hack Island! Learn about cybersecurity while completing an adventure in this experimental new workshop series.
Supercop Orpheus needs help to save Hack Island! and you are the one who can help them.
Save the Hack Club Bank!
Badlo is back and this time the target is the Hack Club Bank. no money = no bounty! save the bank!
Functional Programming with JS (Part 1)
Learn the basics of functional programming with JS!
Functional Programming with JS (Part 2)
Understand Currying in Functional Programming with Ramda!
Functional Programming with JS (Part 3)
Learn how to deal with arrays in Functional Programming with Ramda!
Workshops not properly categorized yet.
Personal Website 2
The personal website workshop, slide-deck style
A learning activity focused around the Kahoot API
Make a web API that wreaks havoc on your website
Make your first Minecraft mod using Forge and IntelliJ IDEA
Sync clipboards across devices using Go
Amazing Scrapbook CSS
Customize your Scrapbook through simple CSS
Your First Ship
Quick workshop for club members to ship their first hack!