Skip to Content

Fun little projects created from scratch on this learning journey. Are they important? Nope. Is the code gorgeous? Probably not. But I hope you enjoy them.

Current Side Project

Working on a collection of faux movie/show sites, created in Next.js.

  • Men in Black Agent Portal Website

    #1: MIB Agent Portal

    • Next.js
    • CSS Modules/Animations

    The !Official Men in Black Agent Portal page. You have 5 seconds to enter your agent code, or else...

    Password Hint: 5 letter word for where the galaxy resides.

    Live Code
  • The Krusty Krab Website

    #2: The Krusty Krab

    • Next.js
    • Framer Motion

    Home of the world famous Krabby Patty and the most popular restaurant in Bikini Bottom.

    Place your order online today!

    Live Code
  • The homepage of the Texting Test website.

    Texting Test

    • HTML
    • CSS
    • Javascript

    A comical no fail game to make sure a tween in your life will text responsibly before giving them your digits.

    (this was actually my very first real coding project)

    Live Code
  • A screen shot of an online hangman game.

    Hangman

    • HTML
    • SASS
    • Javascript

    Well, hang “Cole” really - just another game to mess with my nephew.

    The face changes as you miss letters and he gets closer to death.

    Live Code
  • The screen shot of the Moster Match card game.

    Monster Match

    • SASS
    • Javascript
    • Local Storage

    The classic match game, but with adorable little monsters.

    There's also a “hard mode” with slightly less adorable monsters.

    Live Code
  • A screen shot of the US Map Quiz game.

    US Map Quiz

    • HTML
    • CSS
    • Javascript

    Do you know where all those tiny northeastern states are? I sure didn't.

    This quiz has auditory & visual feedback for correct answers, and a crowd even applauses when you finish. What more can you ask for??

    Live Code
  • A screen shot of the Dad Jokes site.

    Dad Jokes

    • React
    • API
    • Local Storage

    Playing around with a simple api and CSS animations. I really love how the button animation turned out.

    Also created a slide out history section to show past jokes.

    Live Code
  • A screen shot of the Trivia site.

    Trivia Game

    • React
    • API

    Getting more practice with React, creating branches, and consuming an api.

    Created a progress bar on this one, which was a fun first!

    Live Code
  • A screen shot of a webpage displaying two women statue heads framed above a bouquet of flowers, with the text Anyone can do Anything spinning around the statues.

    Statue Art

    • HTML
    • CSS
    • Javascript

    Just some weird animated art for the heck of it.

    These are actual family member photos that I “statue-ized” in Photoshop - they were suitably horrified.

    Live Code
  • A screen shot of an clock that displays the time in words instead of numbers.

    Wordy Clock

    • HTML
    • CSS
    • Javascript

    A clock, but with words. 🤪

    Live Code