Recently, I finished the #100DaysOfCode challenge. This post is a log of every project I created. If you want to take part, this list might give you some inspiration on some project ideas that you can build. The idea of the challenge is simple, code daily for an hour for 100 days. My aim was to expand the portfolio, go through some of the interesting YouTube tutorials I had come across and ultimately learn a little more about vanilla Javascript and game development. The challenge was definitely fun, however, finding the time to code was hard. I created some cool things like a Mario clone and board games like battleships. If you want to improve your coding skills, I recommend that you give it a try! Below details my complete log! 📦👌🐛📖🚀🤖
Code Log
Day 1: Expanding cards
Date: Apr 21, 2021
Link to Work: - Expanding cards demo
Day 2: Progress bar
Date: Apr 22, 2021
Link to Work: - Progress bar demo site
Day 3: Rotating Nav
Date: Apr 23, 2021
Link to Work: - Rotating nav demo site - Rotating nav repo on GitHub
Day 4 : ContentFul Starter Kit
Date: Apr 24, 2021
Link to Work: - ContentFul Starter Kit demo site - ContentFul Starter repo on GitHub
Day 5: HTML Boilerplate
Date: Apr 25, 2021
Link to Work: - HTML Boilerplate on GitHub
Day 6: Hidden Search
Date: Apr 26, 2021
Link to Work: - Hidden search demo - Hidden search repo on GitHub
Day 7: Blurry Background Loader
Date: Apr 27, 2021
Link to Work: - Blurry background demo - Blurry background loader repo on GitHub
Day 8: Animated vertical scroll
Date: Apr 28, 2021
Link to Work: - Animated vertical scroll demo - Animated vertical scroll repo on GitHub
Day 9: Mario Vs Sonic
Date: Apr 29, 2021
Link to Work: - Mario Vs Sonic demo - Mario Vs Sonic repo on GitHub
Day 10: Placeholder text wave animation
Date: Apr 30, 2021
Link to Work: - Soundboard demo - Soundboard repo on GitHub
Day 11: Soundboard
Date: May 1, 2021
Link to Work: - Soundboard demo - Soundboard repo on GitHub
Day 12: Dad Joke API
Date: May 2, 2021, 2021
Link to Work: - Dad Joke API demo - Dad Joke API repo on GitHub
Day 13: Key Code Generator
Date: May 3, 2021
Link to Work: - Key code generator demo - Key code generator repo on GitHub
Day 14: Beer FAQ Collapse
Date: May 4, 2021
Link to Work: - Beer FAQ collapse demo - Beer FAQ collapse repo on GitHub
Day 15: Random selector
Date: May 5, 2021
Link to Work: - Random selector demo - Random selector repo on GitHub
Day 16: Rotating Nav
Date: May 6, 2021
Link to Work: - Random selector demo - Random selector repo on GitHub
Day 17: Incremental Counter
Date: May 7, 2021
Link to Work: - Incremental counter demo - Incremental counter repo on GitHub
Day 18: TheMovieDb.org searcher
Date: May 9, 2021
Link to Work: - Random selector demo - Random selector repo on GitHub
Day 19: Background Image Slider
Date: May 10, 2021
Link to Work: - Background image slider demo - Background image slider repo on GitHub
Day 20: Digital Clock
Date: May 11, 2021
Link to Work: - Digital clock demo - Digital clock repo on GitHub
Day 21: Ripple Animation
Date: May 12, 2021
Link to Work: - Ripple animation demo - Ripple animation repo on GitHub
Day 23: Drag And Drop
Date: May 13, 2021
Link to Work: - Drag and drop demo - Drag and drop repo on GitHub
Day 23: Drawing App
Date: May 14, 2021
Link to Work: - Drawing app demo - Drawing app repo on GitHub
Day 24: Kinetic Spinner
Date: May 15, 2021
Link to Work: - Drawing app demo - Drawing app repo on GitHub
Day 25: Skeleton Loader
Date: May 165, 2021
Link to Work: - Skeleton loader demo - Skeleton loader repo on GitHub
Day 26: Sticky Nav
Date: May 17, 2021
Link to Work: - Sticky nav demo - Sticky nav repo on GitHub
Day 27: Vertical Slider
Date: May 18, 2021
Link to Work: - Vertical slider demo - Vertical slider repo on GitHub
Day 28: Toast
Date: May 19, 2021
Link to Work: - Toast demo - Toast repo on GitHub
Day 29: Github Profile Viewer
Date: May 20, 2021
Link to Work: - Favourite me demo - Favourite me repo on GitHub
Day 30: Favourite me
Date: May 21, 2021
Link to Work: - Favourite me demo - Favourite me repo on GitHub
Day 31: Auto typer
Date: May 22, 2021
Link to Work: - Auto typer demo - Auto typer repo on GitHub
Day 32: Password Generator
Date: May 23, 2021
Link to Work: - Password generator demo - Password generator repo on GitHub
Day 33: Checbox Sliders
Date: May 24, 2021
Link to Work: - Password generator demo - Password generator repo on GitHub
Day 34: Markdown Editor
Date: May 25, 2021
Link to Work: - Markdown editor demo - Markdown editor repo on GitHub
Day 35: Countdown Spinner
Date: May 26, 2021
Link to Work: - Markdown editor demo - Markdown editor repo on GitHub
Day 36: Carousel
Date: May 27, 2021
Link to Work: - Markdown editor demo - Markdown editor repo on GitHub
Day 37: Hoverboard
Date: May 28, 2021
Link to Work: - Hoverboard demo - Hoverboard repo on GitHub
Day 38: Pokedex
Date: May 29, 2021
Link to Work: - Pokedex demo - Pokedex repo on GitHub
Day 39: Drink Water Reminder
Date: May 30, 2021
Link to Work: - Drink water reminder demo - Drink water reminder repo on GitHub
Day 40: Mobile Navigation
Date: May 30, 2021
Link to Work: - Mobile navigation demo - Mobile navigation repo on GitHub
Day 41: Password Strength Checker
Date: May 31, 2021
Link to Work: - Password strength checker demo - Password strength checker repo on GitHub
Day 42: Minion Boxes
Date: Jun 1, 2021
Link to Work: - Minion boxes demo - Minion boxes repo on GitHub
Day 43: Code Verify
Date: Jun 2, 2021
Link to Work: - Code verify demo - Code verify repo on GitHub
Day 44: User Filter
Date: Jun 3, 2021
Link to Work: - User filter demo - User filter repo on GitHub
Day 45: Feedback Form
Date: Jun 4, 2021
Link to Work: - Feedback form demo - Feedback form repo on GitHub
Day 46: Range Slider
Date: Jun 5, 2021
Link to Work: - Range slider demo - Range slider repo on GitHub
Day 47: Side Navigation
Date: Jun 6, 2021
Link to Work: - Side navigation demo - Side navigation repo on GitHub
Day 48: Quiz
Date: Jun 7, 2021
Link to Work: - Quiz demo - Quiz repo on GitHub
Day 49: Testimonial Slider
Date: Jun 8, 2021
Link to Work: - Testimonial slider demo - Testimonial slider repo on GitHub
Day 50: Image Feed
Date: Jun 9, 2021
Link to Work: - Testimonial slider demo - ITestimonial slider repo on GitHub
Day 51: Insect Game
Date: Jun 10, 2021
Link to Work: - Insect game demo - Insect game repo on GitHub
Day 52: Todo List
Date: Jun 11, 2021
Link to Work: - Todo list demo - Todo list repo on GitHub
Day 53: Neon Dreams
Date: Jun 12, 2021
Link to Work: - Neon dreams demo - Neon dreams repo on GitHub
Day 54: Sine Wave
Date: Jun 13, 2021
Link to Work: - Sine wave demo - Sine wave repo on GitHub
Day 55: Weather App
Date: Jun 14, 2021
Link to Work: - Sine wave demo - Sine wave repo on GitHub
Day 56: Meditation App
Date: June 15, 2021
Link to Work: - Meditation demo - Meditation repo on GitHub
Day 57: Rock, papers, scissors
Date: June 16, 2021
Link to Work: - Rock, papers, scissors demo - Rock, papers, scissors repo on GitHub
Day 58: Tic, tac, toe
Date: Jun 17, 2021
Link to Work: - Tic, tac, toe demo - Tic, tac, toe repo on GitHub
Day 59: Minesweeper
Date: June 18, 2021
Link to Work: - Minesweeper demo - Minesweeper repo on GitHub
Day 60: Reverse a string
Date: June 19, 2021
Link to Work: - Reverse a string demo - Reverse a string repo on GitHub
Day 61: Connect 4
Date: June 20, 2021
Link to Work: - Connect 4 demo - Connect 4 repo on GitHub
Day 62: Candy Crush
Date: Jun 21, 2021
Link to Work: - Candy crush demo - Candy crush repo on GitHub
Day 63: Spaec Invaders
Date: June 22, 2021
Link to Work: - Candy crush demo - Candy crush repo on GitHub
Day 64: Calculator
Date: Jun 23, 2021
Link to Work: - Calculator demo - Calculator repo on GitHub
Day 65: Snake Game
Date: Jun 24, 2021
Link to Work: - Snake demo - Snake repo on GitHub
Day 66: Mario Clone
Date: Jun 25, 2021
Link to Work: - Mario clone demo - Mario clone repo on GitHub
Day 67 & 68 : Battleships
Date: Jun 25-26, 2021
Link to Work: - Battleships demo - Battleships repo on GitHub
Day 69: Pong
Date: June 27, 2021
Link to Work: - Pong demo - Pong repo on GitHub
Day 70: Speed Typing Game
Date: June 28, 2021
Link to Work:
- Speed typing game demo
- Speed typing game repo on GitHub
Day 71: Clock
Date: June 29, 2021
Link to Work: - Clock demo - Clock repo on GitHub
Day 72: Concentration Game
Date: July 1, 2021
Link to Work: - Concentration game demo - Concentration game repo on GitHub
Day 73:Piano
Date: July 2, 2021
Link to Work: - Piano demo - Piano repo on GitHub
Day 74: Dice Game
Date: July 3, 2021
Link to Work: - Dice game demo - Dice game repo on GitHub
Day 75: COVID Tracking App
Date: July 4, 2021
Link to Work: - COVID tracking app demo - COVID tracking app repo on GitHub
Day 76: T-Rex Runner
Date: July 5, 2021
Link to Work: - T-Rex runner demo - T-Rex runner repo on GitHub
Day 77 & 78: Snake Using Kaboom
Date: July 6 - July 7, 2021
Link to Work: - Snake using Kaboom demo - Snake using Kaboom repo on GitHub
Day 79: Whack A Groot
Date: July 8, 2021
Link to Work: - Whack-A-Groot demo - Whack-A-Groot repo on GitHub
Day 80: Pacman
Date: July 9, 2021
Link to Work: - Pacman demo - Pacman repo on GitHub
Day 81: Flappy Birds
Date: July 10, 2021
Link to Work: - Flappy birds demo - Flappy birds repo on GitHub
Day 82: Frogger
Date: July 11, 2021
Link to Work: - Frogger demo - Frogger repo on GitHub
Day 83: Face Detection App
Date: July 12, 2021
Link to Work: - Face detection app demo - Face detection app repo on GitHub
Day 84: Slackbot
Date: July 13, 2021
Link to Work: - Slackbot repo on GitHub
Day 85: Discord Bot
Date: July 14, 2021
Link to Work: - Discord bot repo on GitHub
Day 86 - Day 88 :Breakout
Date: July 14 - July 16, 2021
Link to Work: - Breakout app demo - Breakout repo on GitHub
Day 89: Confetti Animation
Date: July 18, 2021
Link to Work: - Confetti animation demo - Confetti animation repo on GitHub
Day 90: Drum Machine
Date: July 19, 2021
Link to Work: - [Drum machine demo][https://drum-machine-board.netlify.app/) - Drum machine repo on GitHub
Day 91: Eye Controlled Image Gallery
Date: July 20, 2021
Link to Work: - [Eye controlled Image gallery demo][https://eye-control-picker.netlify.app/) - Eye controlled Image gallery repo on GitHub
Day 92: Duck Hunt
Date: July 21, 2021
Link to Work: - [Duck hunt demo][https://duck-hunt-game.netlify.app/) - Duck hunt repo on GitHub
Day 93: Express Server in Netlify
Date: July 22, 2021
Link to Work: - [Express server in Netlify demo][https://express-in-netlify.netlify.app/) - Express server in Netlify repo on GitHub
Day 93: Conventioanl Commits
Date: July 23, 2021
Link to Work: - Express server in Netlify repo on GitHub
Day 95: Zoom Clone
Date: July 24, 2021
Link to Work: - Zoom clone repo on GitHub
Day 96: Brewdog Beer Menu
Date: July 25, 2021
Link to Work: - [Brewdog beer menu demo][https://brewdog-beer-menu.netlify.app/) - Brewdog beer menu repo on GitHub
Day 97: Click game
Date: July 26, 2021
Link to Work: - [Click game demo][https://click-game-html.netlify.app/) - Click game repo on GitHub
Day 98: Zelda Clone
Date: July 27, 2021
Link to Work: - [Zelda clone demo][https://zelda-clone.netlify.app/) - Zelda clone repo on GitHub
Day 99: Hangman
Date: July 28, 2021
Link to Work: - [Hangman demo][https://hangman-game-html.netlify.app/) - Hangman repo on GitHub
Day 100: Fireworks
Date: July 29, 2021
Link to Work: - [Fireworks demo][https://fireworks-html.netlify.app/) - Fireworks repo on GitHub
That's the complete list. Happy Coding 🤘
