Workshops
Hack Club Workshops
Learn to code with this collection of community-contributed, self-guided coding tutorials + ideas.
Our Philosophy »
Workshop bounties
Fabulous community-created workshops from the Workshop Bounty program.
Amazing Scrapbook CSS
Customize your Scrapbook through simple CSS
JavaScript Clock
Build a clock using HTML, CSS, & JavaScript
Stopwatch
Build a simple stopwatch with HTML, CSS, & JavaScript
Tunes on JS
Make a piano for your web browser with Tone.js
Robotic Emails
Build a mass-emailer with easy templating in Python
Python Turtle
Draw shapes & patterns using Python’s Turtle library
Animated 3D Models
Make animated 3D models using a simple JavaScript library
Web Login
Build a secure web login page using Firebase & JavaScript
Konami Code
Add a fun Easter Egg to your website with JavaScript
Tic Tac Toe
Make the Classic Tic Tac Toe Game in Python
Rebar
Build a fully responsive navbar for your websites.
Parallax Effect
Creating greater user experience on web using JavaScript
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
Rock Paper Scissors
Make a simple rock paper scissors game using Python
Serverless Contact Form
Make a website “contact me” form using Netlify serverless functions
Meme Songs with Arduino
Building an online Arduino application that plays the Coffin Dance
Weather App
Making a Weather App using HTML, CSS and JavaScript
CLI App
Craft your own CLI App using Node.js
Build a Chrome extension!
Hack your way to productivity by building your own bookmarking Chrome extension
Mini Calendar
Build a simple mini calendar with ReactJS.
Web Chat
Make a personal chat server for you and your friends with WebSockets and Deno
Quotes Generator
Build a random quotes generator with ReactJS
Memory Game
Create your own memory game using JavaScript
Spin The Wheel
Build a random picker spinning wheel using HTML, CSS, and JavaScript
Fetch a Hack Clubber
Learn data-fetching with Next.js and meet someone new!
Custom Link Shortener
Build your own custom link shortener to save time remembering links.
Simple Calculator
Build a simple calculator with ReactJS
Hack Club CDN Uploader
Make a Library and CLI to upload to the Hack Club CDN
Slack Todo List
Make a todo list Slack bot with Node.js and Bolt
Weather Grapher
Graph the average temperature in any major city by using a Web API
KanyeRest Quote Generator
Make a quote generator with Flask
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.
Discord Custom Message Bot
Save your own own custom messages with a Discord Bot!
Password Generator
Build a password genertor tool with HTML, CSS, and JavaScript
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
Splatter Paint
Crazy colorful splatter paint in your browser with Paper.js
Colorful Grammar
Let your words color the screen
Speak Colors
Color your screen with your voice via speech recognition.
Sound Galaxy
Visualize sound by making particles move in a galaxy
Teachable Machine
Easily get started with machine learning—no coding required
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
Synth
Let’s make a synth pad with Tone.js
Dashboard
Personal dashboard with news and weather
Geometric Pattern
Generate geometric patterns using p5.js
Sketch Together
Real-time collaborative drawing pad using p5.js
Tree Machine
Generate virtual trees with p5
Julia Fractals
Draw some fractals with math.js and HTML Canvas
WikiBot
Build a WhatsApp bot with Twilio APIs, in 30 minutes 🕐
Hack IDE
Make an IDE with HTML, Javascript and CSS!
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
Password cracker with python!
Learn how to create a password cracker 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.
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.
Help Orpheus!
Supercop Orpheus needs help to save Hack Island! and you are the one who can help them.
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.
Functional Programming with JavaScript
Learn the functional programming paradigm in JavaScript with this experimental new series.
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!
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