Project Ideas

Gather the lyrics from your 25 favorite songs and do a word frequency analysis

Make an extension to pull your notes out of the Amazon Kindle Notebook page

Make a web page that lets you sort a JavaScript class alphabetically

Make Hungry Hungry Hippos, but with cats

Make a website that displays the number of tabs you have open

Make a Bongo Cat clone

Make a page of common misconceptions

Make a GitHub Stars web component

Make a HypnoToad site

Make a site to design winamp skins

A site where you design your own '80s style cassette tape

Make a waveform generator for making visualization when doing recordings

A browser extension that shows that Open Graph/Preivew image for a web page so you can check it easily

Make a web version of Pipe Dreams

Make a configurable countdown timer

Build a site that displays a random photo of a corgis pulled automatically from Unsplash every time you refresh the page

A bot that lets you know how many of the womenofjamstack.com folks you follow

An app that you feed a bunch of words that it uses to make bingo cards

Programmatically make a googly eyes gif

Make a fibonacci clock

Change a web page pointer to googly eyes and place them automatically on photos (like pointerpointer.com)

Build a site that displays a random photo of a corgis pulled automatically from Unsplash every time you refresh the page

Create some type of lorem ipsum generator (e.g. with music terms)

Generate automatic playlists using the MusicBrainz API

Create generative art like the stuff from George Francis

Make a collection of animated gifs/webps that do something cool together

Use a word you have trouble remembering how to spell and make a site like d-e-f-i-n-i-t-e-l-y.com

Extract and display color samples from movies showing the average color of each frame

Pull all frames from a movie and make them small thumbnails and output them linerally

Pull thumbnails from frames of a movie and display them individually at random points of the page instead of showing them as a video.

Use the thumbnails of frames from a movie to create a timeline that shows only the first frame from each scene change

Do one of those photo mosaic images where you make a picture out of smaller images using movie thumbnails (like this one) but have the thumbnails transition between movies (e.g. Matrix 1, 2, 3, and 4)

Setup a random color generator that shows complimentary colors as well

Generate random color pallets based off color theory

Spin multiple versions of a photo at different rates on one page (like rotate it with some type of css or js)

Create a page that shows three copies of a character image that jumps to thirty if you enter the konami code

Whack-A-Mole

Make a site with a sound board of clips from Speak and Spell/Math

Make your own synth voice like Speak and Math

Make a web version of Speak and Spell

Make one of those games with the paper thing with four pyramids that you put your fingers in and write letters and numbers on them and then close and open them and then lift a flap to see whatever's written there

Pick a random character and fill the window with it in a random order (this is one of the first things I did on my grandfather's TI-99/4A)

Make a Space Invaders clone

Build a Tic-tac-toe game where you play against the computer

A "this page intentionally left blank" site with random fonts, colors, etc...

Make a clock but use KSUIDs to display the time

Make a seven-segment display clock

Setup an "Is it Friday?" page with just a Yes/No answer on it

Write a little tool to alphabetize lists of text

Make a font book that shows font examples from google fonts but with a selection of colors and effects

Make a font display page that lets you see multiple google fonts at the same time (e.g. as a heading and as body text)

Make a binary clock

Display color pallet examples for a CSS framework like tailwind

Plot default terminal colors in a 3D space with three.js

Create a current weather conditions site

Make a weather forecast page

Setup a service that reads the weather forcast and lets you know if you should bring a coat or not

Build a bot to cross post your content from one platform to another

Make a page that displays a random quote from a collection you setup

Run stats on your social media followers to see the distribution of the number of followers the folks who follow you have

Make a pong clone

Make a jenga clone

Make a tetris clone

Make a battleship clone

Make a minesweeper clone

Make a space invaders clone

Make a shoots/snakes and ladders clone

Plot word frequencies for podcasts based on their transcripts

Build a website with only a single html file (i.e. no framework) with the words "Hello, World"

Get word stats from pages/sites that have RSS feeds (to make it easier to get the data)

Build your own podcast feed with a collection of podcasts you like (e.g. this one ;-)) sorted in the order you like

Run stats on the metadata for your photos to see what day of the week you take the most photos

Make a bubble pop site like this one

Setup a coin flip page

Make an all work and no play makes jack a dull boy site (like this) but set to music

Create a page with matrix style green text animated page but you can change the color and the direction the glyphs move

Make one of those pair matching games where there's a grid of tiles that you turn over two at a time to find matches, but use animated gifs

Setup a count-down timer showing how long until the next time your team plays

Make an "Is YOUR TEAM playing today?" page with simple yes/no on it

Pick a topic and make a site like hasthelargehadroncolliderdestroyedtheworldyet that never changes

Create a data visualization in D3 using census data to show the average age in each state

Graph of the number of national championships across different football teams and coaches

Build an "Is it Friday yet" single page site with yes/no.

Setup a site that shows what percentage of the planet is in today/tomorrow/yesterday

Make a count down page with the days left in the year

Show a count down until all the various holidays you get off

Do something with remotion

Make a sound board with random bird sounds sounds

Create a single page site with your favorite gif on it

Create something like corndog.io but with corgis

Make a random name generator (pulled from list of most popular names from different name lists)

Setup a display page to show the schedule and scores for your favorite team

Build a Helmet/Hat schedule like this one that also shows scores and post-season play

Make page the embeds a youtube video multiple times but offsets their start by a little and only plays the audio from one

Build a markov chain generator with terms from programming

Build a markov chain generator with terms from football

Make a page where you type in a sentence and it replaces words with their related emoji

Build an evil monkey page where it points to your cursor when you move it around

Setup cheatsheets for things you constantly have to look up

Make a stock market it "is it up or is it down" app

Build a display showing the sun's position in the sky throughout the day

Setup a display sun rise and sunset times for the day

Make a display showing the phase of the moon

Build a place holder image site like Place Kitten but with corgis

Plot the weekly position over time of every song that hits the top ten

Make a site that takes a list of twitch streamers and just auto plays one of the ones who's live randomly

Display graphs of math formulas

Make a Battlesnake

Recreate Hamster Dance but with corgis

Make a "Guess the number" game with a random number that says "You Win" if you get it and "You Lose" if you don't

Setup a personal resume site

Create a virtual spirograph

Setup a site that list people who's birthday is the current day with data from wikipedia

Make a digital fireplace using svgs for the flames

Make a digital fishtank

Pull your person github stats and display them on a calendar

Make a calendar that puts an X over the days that have occurred

Build a personal RSS feed reader

Setup a Cylon image with the red eye sweep

Make a game where you assemble robots from different drawings of arms, legs, heads, and bodies.

Setup a personal movie review site with up/down ratings and stats of things like your favorite genre from The Movie DB API

Generate a personal movie recommendation engine

Create a data visualization which shows which heroes were in which marvel movies

Make a personal "Books I Have Read" and "Books I What To Read" site

Setup a personal calendar showing holidays you get off

Make a social media bot that watches for the word "pirate" then responds with "Arrrgh!"

Do something like Fugitive Sheets

Build a page to display a personal set of bookmarks and links

Pull forms you use from other sites and put them on your own page

Make a web page that sorts lists alphabetically

Create math forms for things like figuring out what percentage one number is of another

Make color pallets from your favorite games like Monument Pallets

Setup an automatic, random favicon generator that makes the different sizes of favicons for a site

Create a clock page with clocks from different times zones

Make baseball cards with live stats

Make a golf putting game

Make a golf driving game

Make a darts game

Make a darts game, but with gravity reversed

Make a pool/billiards game

Create a virtual model train project where you assemble graphics to make the track

Make your own Magic 8-ball

Turn photos into 8-bit images

Turn photos into 2-bit images

Make a bot to find pages on StackOverflow with code samples that don't include proper "import", etc... calls (and then fix them)

Build a site the displays random programming snippets and explications on each refresh

Create a chat app using web sockets

Create transcripts and closed caption automatically with the Web Speech API

Build a click/tap game where a target shows up randomly on the page that you have to cick and then another shows up and you're timed to see how quickly you can hit 20 of them

Sudoku, but with emoji

Make a sudoku game

Create a red light, green light game where you have to click to make progress, but if you click when it's a red light you lose

Build an automated screenshot re-namer that changes mac screenshot file names to something that actually sorts

Make your own digital grimoire

Build characters in CSS like these

Make your own programming challenge game like Advent Of Code

Write a blog post where you solve every day of Advent Of Code

Build a single page website as a subdomain of your main site every day for 30 days (don't worry about quality, just get something posted)

Use image recognition to count the number of chocolate chips in cookie photos

Auto-generate Where's Waldo images

Do a data visualization showing the differences between ingredients of different types of coke/soda/pop

Track your commute and run stats about which day averages the longest/shortest time

Make a data viz with the City Mapper API

Build a social media bot that posts a photo of a random corgi photo from Unsplash every day

Build your own version of Astronomy Picture Of the Day from the NASA API

Build a compound interest calculator

Make a space weather conditions site with data from the Space Weather Database Of Notifications, Knowledge, Information (DONKI) from NASA's API

Make a lorem ipsum generator with pirate talk

Make a white noise generator with different choices for the audio track

Visualize the sounds waveform of your favorite song

Make Beat Saber as a typing game

Plot the average beats per minute of top ten songs for the past fifty years

Make word clouds for the number one songs of each year

Make a D3 graph showing the number of times an artist made it to the top ten in the charts

Plot the most frequent weekly downloads from npm

Make a progress bar for the number of days in the year

Make a video player page that plays a random video from a curated playlist

Show standard programming techniques (e.g. looping over a list/array) in seven different programming languages

Build a personal version of a bookmark site like Pinboard

Setup a process to collect all the web pages you visit each day

Make a Mastermind clone

Make Pokemon stat cards with the PokeAPI

Make a text to brail tool

Convert text to Morse code

Setup a graphic that shows the binary representations of letters you type

Make word clouds from Shakespeare

Make a warp speed effect with motion

Create your own meme generator that lets you put text on images

Build emoji in Blender

Make your own election map

Create an info graphic showing governmental spending (e.g. this one)

Setup a process to remind you of people's birthdays

Build a process that solves six-degrees of Kevin Bacon for movie actors

Make a Pictionary clone

Make a game where you fill the scree with a character like "/" and then randomly place a "|" that you have to find

Make an audio equalizer display but using letters

Build an app that beeps at you if you type "teh" instead of "the"

Setup a process that ping you to remind you to hydrate

Make a site where you type in a word and it give you a corresponding XKCD

Run OCR on XKCD so you can search them

Build a live transcription service for streamers with Deepgram

Make a data visualization showing how long characters were alive in each episode of Game Of Thrones

Make a live data visualization connecting directors and actors with data from The Movie Database API

Build an spaced repetition flashcard system like Anki

Make your own miro style board

Make a jokes page where it shows you a random joke and then click a button to see the answer

Use a data visualization tool to visualize the same data set three different ways

Replay the git history of a project showing the changes for files without moving them around

Make an "All work and no play makes Jack a dull boy" site

Make a spot the differences game that displays two photos where one has minor modifications that you have to find

Build a site where users login via their GitHub accounts and save a favorite color

Make a game with letters swapped out randomly where you have to swap them back in to decode the original text

Make a Caesar encryption page

Make a personal photo sharing site for you and your family and friends

Build your own chat client for you and your friends

Make your own color theme for your text editor

Create a new color theme for your syntax highlighter of choice

Make SVG emoji faces by hand

Write code to create emoji faces in SVG

Make an animated "This Is Fine" page where the flames are moving SVGs

Build your own comment system for a JamStack site

Automated Open Graph images with the titles of your posts

Do word analysis on your posts and automatically pull a related image from Unsplash to generate an Open Graph image

Make a page of dad jokes that shows you the joke with a link to hit to see the punch line

Code a social media bot that randomly posts Harvard Sentences

Make a color mixer where you give it three numeric values for red, green, and blue and it shows the color

Make a hex code based color mixer with separate in puts for red, green, and blue

Build a personal movie review site

Build a Show And Movies To Watch app to keep track of stuff you want to see

Make a subdomain for every day of the week with a random image and saying for the day

Make a Random XKCD Of The Day site

Build a site that collects all the stats (e.g. followers, likes, posts) from all the site you have an account on and combine them into one display

Code your own video embed player

Make a Ludicrous Speed site that goes plaid

Make http.cat but with corgis

Create a bot the receives Twitch EventSub notifications when someone goes live and sends you a text via Twilio

Create a public bridge app that receives Twitch EventSub notifications that you can connect to with web sockets to see the notifications on a private network

Find the API for your favorite game and make a personal stats page

Code your own video page with the medal API

Make your own YouTube recommendation engine

Setup a Google Sheets spreadsheet as an "Episodes I've Watched" tracker and use it as the data source for a web page

Make a recipe site

Make a recipe site that uses the Instacart API to determine prices

Make your own app to control LED lights

Build an WiFi controlled LED candle out of a raspberry pi

Make a Blinkenlights page

Make a Blinkenlights display with a raspberry pi

Make a list of the movies you've watched and plot the most watched actors and directors

Use facial recognition to determine screen time for each actor in a movie

Pipe a movie through different speech recognition engines and do a diff of the output

Write a generative art tool to create random header images for

Write a program to automatically generate the solutions to <<link|monocrack|https://monocrack.alanwsmith.com/>> puzzles

Make a clock, but with QR codes for the display

Design your own QR code

Make a form to fill in that automatically generates meta tags for your site

Make your own sticky notes app

Turn photos into ASCII art

Make a Wordle clone

Build a bot to solve Wordle

Make a movie out of a set of images like screen grabs from keyboard layout changes

Make interesting looking dashboards in D3

Build a dedicated Read Later tablet app that uses Pinboard as a back end and maintains your position in multi page texts

Make your own create-next-app template for making new sites

Make a site with samples from SuperCollider

Make a site that's a front end to SuperCollider

Build your own dynamic image transformation service (like Cloudinary)

Make a bot that automatically updates your profile picture based on the time of day

Create your own version of the CSS-Tricks Almanac

Make and send out your own e-cards

Build a CI/CD pipeline from scratch to deploy a one page site

Use Beautiful Soup to gather sub-headers from the Wikipedia We Scraping page

Write a process to turn each word on the Wikipedia CSS page a random color

Build your own browser start tag with personalized links and form inputs stored in a database

Write a program to find the fastet Wikipedia Race path between Quain Professor and Alan R. Moon

Build your own version of The Settlers of Catan

Write your own Solitare game

Build a calculator and D3 data visualization that shows compound interest working of saving vs debt

Write a program to solve the daily monocrack puzzle

Mkae a bsowrer eitnxeosn taht smrcalbes the isinde lteters of wdors lkie tihs

Write a browser extension that logs all the sites you visit each day

Track the domains you visit for a month and create a D3 graph showing the frequency

Plot the basic ANSI Colors in a three.js visualization

Generate the waveform of a song in three.js

Make a rotating cube in three.js

Make a bars and tone web page

Make a three dimensional bars and tone in three.js

Build a movie review site

Roll your own web server

Write a program to decrypt this Caesar Cipher:
aol xbpjr iyvdu mve qbtwz vcly aol shgf kvn

Make a web page connected to the <a href="https://developer.spotify.com/documentation/web-api/>Spotify API to start your playlists

Turn a Google Sheets document into a web page

Make an overhead room design and furniture layout tool

Make a virtual jig saw puzzle

Use ffmpeg to turn a movie into thumbnails

Use three.js to mage a 3D Hello, World page

Make a drawing tool that uses arrow keys for controls

Make a drawing tool that uses a simple on screen programming language for controls

Create a virtual synthesizer

Create a virtual drum machine

Use Open Street Maps to determine the driving distance between New Orleans, LA and Springfield, MO

Build your own, personal read-later service

Build a random number generator where you can set the low and high numbers

Write a browser plugin that hides parts of a social media site you don't want to see

Make your own version of scrabble

Make a personal wikipedia

Make a personal web journal with raw html, css, and no javascript

Make a random name generator

Make a page that takes a list of names and then orders them randomly to determine who goes first

Make a stock ticker web page

Make a visualization that puts all your Wordle results on one page

Build a browser extension that interacts with your bookmarks to make a custom launch page

Make your own photo gallery site

Make a font comparison site with fonts from nerd fonts and the others from https://www.programmingfonts.org/

Make a javascript bookmarklet that counts the number of times the word the appears on the page

Make an app that lets you mute your music without muting your browser

Make a bookmarklet that opens a new google doc for you without having to visit the page first

Make a page that turns text into a ransom letter format

Write a program that does 99 bottles of beer

Make an app that shows weather information on your desktop

Automatically generate desktop backgrounds with the current weather so they can be rotated through 0

Build an chess game that people can play over social media

Build a chess game that people can play over twitch chat

Build an extension that lets you change favicons in your browser’s bookmarks

Write an app or extension that goes through all your bookmarks and makes them open in new tabs instead of overwriting the currently open page

Write a program that does The Twelve Days of Christmas

Create a browser extension that automatically opens links to other sites in new tabs

Create a browser extension that opens links in new tabs by default

Make your own custom window manager

Make a devtok site that’s a collection of developer tic toks

Build a Tetris game you can play with a bot

Build a bot to play Tetris

Make a random image viewer frame out of E-Ink and a Raspberry Pi

Put several E-Ink displays together to make a single image display with a Raspberry Pi

Make your own LED light strip control out of a Raspberry Pi

Make a RegEx tester

Print out regex as diagrams

Build a imperial to metric conversion calculator

Build a process to automatically clip online videos into gifs/webps

Build your own analytics system

Make an epoch time calculator

Automatically generate open-graph preview images from a text feed

A tool the generates music videos from random gifs

Make your own version of Carbon for sharing images of source code

Make a screen saver for your website that shows up when folks are idle for a while

A Yak Count website that helps keep track of how many yaks deep you are

Create a site that shows color pallets, but instead of showing swatches, it shows full page layouts

Make a roulette game

Create a custom WASM function to send to cloudinary that generates random patterns to use for the background of images

Create a browser plugin that shows the top voted stack overflow answer above the question

Implement a maze generator algorithm

Make a version of the Atari game Tempest

Create designs for all the bands on band-names.alanwsmith.com

Hamster Dance, but with Corgis

Build a version of the Rush Hour game but as a web page

Build a bot to solve Rush Hour game puzzles

Build an app that generates playlists by completely ignoring artist, genre, and release date and focuses only on lyrics

Build an app that watches your screen for passwords and access keys and switches obs to a blackout screen if it sees them (with obs working on a delay to allow that to happen)

Make a jigsaw puzzle

Make an count down calendar (e.g. an advent calendar)

Make a single serving site that plays a Strong Bad Email playlist on repeat

Make a Space Invaders game

Make a tool that turns ascii sentences into similar looking unicode characters

A button to push that automatically posts the song your listening to to all your social media sites

A Trading Fours website. Small groups where one person at a time posts four songs. Key rule is no one can post twice in a row

A personal movie rating page

Make a single page filled with randome spinners: https://icon-sets.iconify.design/svg-spinners/

Setup a Chrome Extension the moves tabs to a Read Later window

Build your own Ideas site

Setup a process to automatically move windows to different layouts

Create a tool that let's you past in HTML and generates a graphical tree view of the code

Use the Amazon API to build a page with cool $10 items that people can use to get to the free shipping threshold

Make a site that's more like a map (e.g. luckysoap.com/andbyislands/)

Make a site full of pages with different iterations of open graph tags and create snapshots of what they look like when used on various social networks

Figure out a way to use Public Domain Review

Create a web based tool for making GIFs