Hack Club Workshops

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

Our Philosophy »

Web development

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

Whackamole!

Build a Whackamole game
Whackamole! demo

Find Bigfoot

Simple game to find Bigfoot using HTML, CSS and JS
Find Bigfoot demo

Synth

Let’s make a synth pad with Tone.js
Synth demo

Colorful Grammar

Let your words color the screen
Colorful Grammar demo

Speak Colors

Color your screen with your voice via speech recognition.
Speak Colors demo

Teachable Machine

Easily get started with machine learning—no coding required
Teachable Machine demo

Dashboard

Personal dashboard with news and weather
Dashboard demo

Tunes on JS

Make a piano for your web browser with Tone.js
Tunes on JS demo

Julia Fractals

Draw some fractals with math.js and HTML Canvas
Julia Fractals demo

Particle Physics

Creating a basic particle physics simulation and rendering using p5.js
Particle Physics demo

Geometric Pattern

Generate geometric patterns using p5.js
Geometric Pattern demo

Animated 3D Models

Make animated 3D models using a simple JavaScript library
Animated 3D Models demo

JavaScript Clock

Build a clock using HTML, CSS, & JavaScript
JavaScript Clock demo

Sketch Together

Real-time collaborative drawing pad using p5.js
Sketch Together demo

Tree Machine

Generate virtual trees with p5
Tree Machine demo

Stopwatch

Build a simple stopwatch with HTML, CSS, & JavaScript
Stopwatch demo

Custom Search Engine

Build a personalized search engine with Google's Search API
Custom Search Engine demo

Konami Code

Add a fun Easter Egg to your website with JavaScript
Konami Code demo

JavaScript Typing Test

A Typing Test website built with HTML, CSS, and JavaScript
JavaScript Typing Test demo

Hack IDE

Make an IDE with HTML, Javascript and CSS!
Hack IDE demo

Deploying Websites

Deploying, hosting, using continuous deployment, custom domains and more
Deploying Websites demo

Web Login

Build a secure web login page using Firebase & JavaScript
Web Login demo

Rebar

Build a fully responsive navbar for your websites.
Rebar demo

Parallax Effect

Creating greater user experience on web using JavaScript
Parallax Effect demo

Serverless Contact Form

Make a website “contact me” form using Netlify serverless functions
Serverless Contact Form demo

JavaScript Snake

A snake game made with HTML, CSS, and JavaScript!
JavaScript Snake demo

Weather App

Making a Weather App using HTML, CSS and JavaScript
Weather App demo

Speech Recognition

Create a speech recognition app with JavaScript
Speech Recognition demo

Web Chat

Make a personal chat server for you and your friends with WebSockets and Deno
Web Chat demo

Spin The Wheel

Build a random picker spinning wheel using HTML, CSS, and JavaScript
Spin The Wheel demo

Custom Link Shortener

Build your own custom link shortener to save time remembering links.
Custom Link Shortener demo

Image Editor

Make your own image editor
Image Editor demo

VR World

Create your own VR World
VR World demo

Password Generator

Build a password generator tool with HTML, CSS, and JavaScript
Password Generator demo

Drum Pad

Creating a Drum Pad with HTML, CSS & JS
Drum Pad demo

Weather Grapher

Graph the average temperature in any major city by using a Web API
Weather Grapher demo

Pixel Art Pad

Build a pixel art pad using HTML and Java
Pixel Art Pad demo

EchoAR Models

Displaying EchoAR Models that you can see in Augmented Reality
EchoAR Models demo

Charts with Chart.js

Use a JavaScript library to make cool charts!
Charts with Chart.js demo

Kahoot Clone — Kuizzy

Make a Kahoot clone with SweetAlert, WebSockets, and Node.js
Kahoot Clone — Kuizzy demo

Painting App

Create an MSPaint-style painting app on the web!
Painting App demo

Website Mockup Generator

Build a website mockup generator with HTML, CSS, and JS
Website Mockup Generator demo

Meme Generator

Create your own meme generator with HTML, CSS, and JavaScript!
Meme Generator demo

Thunderstorm

A thunderstorm in your browser
Thunderstorm demo

Python

Copy Link
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

Password cracker with Python!

Learn how to create a password cracker with Python!

Robotic Emails

Build a mass-emailer with easy templating in Python

Python Turtle

Draw shapes & patterns using Python’s Turtle library

PyChristmas

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

Snake Game

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!

3D Mountain

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!

Flask Login

Make a Flask API that allows you to register and log in users.

Dungeon Crawler Overworld

Create your dungeon crawler overworld with Python!

Dice Rolling

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!

Smart Calculator

Build a human-like calculator that responds to text prompts using Python

Scalable Snowman

Create your own scalable snowman using Python Turtle!

Tic Tac Toe

Make the Classic Tic Tac Toe Game in Python

PyCuriosity

An API explorer that fetches images from the Curiosity Rover.

Adventures of Hack Island!

Copy Link
Help Orpheus and the people of Hack Island! Learn about cybersecurity while completing an adventure in this experimental new workshop series.