The 100-Day Code Daily Challenge: Practical and Fun Programming Projects

A comprehensive 100-day roadmap of timeless programming challenges designed to sharpen logic, build portfolios, and master full-stack development through practical, hands-on projects.

The 100-Day Code Daily Challenge: Practical and Fun Programming Projects
Archive_Ref_696663
Verified Document — 2026
0%
Status
Share
  • 1.

    Personal Portfolio Page

    Design a static webpage to showcase your future projects using HTML and CSS.

  • 2.

    Random Quote Generator

    Create an application that displays a new inspirational quote at the click of a button.

  • 3.

    To-Do List Manager

    Build a task manager with add, delete, and mark-as-complete functionality.

  • 4.

    Simple Unit Converter

    Develop a tool to convert metrics like Celsius to Fahrenheit or Kilometers to Miles.

  • 5.

    Digital Clock

    Program a live-updating clock that shows the current time in a 24-hour format.

  • 6.

    Tip Calculator

    Build an app that calculates the tip amount and total bill per person.

  • 7.

    Markdown Previewer

    Create a split-screen editor that renders Markdown text into HTML in real-time.

  • 8.

    Color Palette Generator

    Generate random hex color codes and display them as visual swatches.

  • 9.

    Pomodoro Timer

    Implement a productivity timer with 25-minute work and 5-minute break intervals.

  • 10.

    Password Strength Checker

    Analyze user input to determine password security based on length and characters.

  • 11.

    Binary-to-Decimal Converter

    Build a logic tool that translates binary strings into base-10 integers.

  • 12.

    Simple Calculator

    Construct a calculator capable of basic arithmetic: addition, subtraction, multiplication, and division.

  • 13.

    Weather Dashboard

    Fetch and display real-time weather data for a city using a public API.

  • 14.

    Note-Taking App

    Build a text editor that saves notes to local storage for persistence.

  • 15.

    Dice Roller

    Create a 3D or 2D visual dice simulator with random outcome generation.

  • 16.

    Expense Tracker

    Track income and expenses with a running balance and category filters.

  • 17.

    Quiz Game

    Develop a multiple-choice quiz with scoring and a final results screen.

  • 18.

    Image Gallery

    Create a responsive grid of images with a lightbox zoom effect.

  • 19.

    BMI Calculator

    Calculate Body Mass Index based on height and weight inputs.

  • 20.

    Currency Converter

    Use a live exchange rate API to convert values between different global currencies.

  • 21.

    Countdown Timer

    Set a target date and display the remaining days, hours, and minutes.

  • 22.

    Rock Paper Scissors

    Build the classic game allowing a user to play against a randomizing computer AI.

  • 23.

    Flashcard App

    Design a study tool where users can flip cards to see answers.

  • 24.

    Stopwatch Application

    Implement a precise stopwatch with start, stop, lap, and reset features.

  • 25.

    Recipe Search Engine

    Search for recipes by ingredient using an external food database API.

  • 26.

    Number Guessing Game

    A game where the computer picks a number and gives 'higher' or 'lower' hints.

  • 27.

    Habit Tracker

    Visualise daily streaks for specific personal goals using a calendar view.

  • 28.

    Chat UI Layout

    Design a responsive chat interface with message bubbles and a sidebar.

  • 29.

    GitHub Profile Search

    Fetch and display user statistics and repositories using the GitHub API.

  • 30.

    Movie Watchlist

    Allow users to search for movies and save them to a 'To-Watch' list.

  • 31.

    Drawing Canvas

    Use the HTML5 Canvas API to build a simple browser-based drawing tool.

  • 32.

    Word Counter

    Analyze a block of text for word count, character count, and reading time.

  • 33.

    Sorting Visualizer

    Create an animation showing how Bubble Sort or Quick Sort reorganizes data.

  • 34.

    Contact Book

    A simple directory to store names, phone numbers, and emails.

  • 35.

    Accordion FAQ

    Build a collapsible FAQ section with smooth transitions.

  • 36.

    Language Translator

    Integrate a translation API to convert text between multiple languages.

  • 37.

    Memory Match Game

    A card-flipping game where users find pairs of identical images.

  • 38.

    Vowel Counter

    Write a function to count the number of vowels in any given sentence.

  • 39.

    Password Generator

    Create a tool that generates secure, random strings based on user criteria.

  • 40.

    Drum Kit

    Map keyboard keys to audio files to create a browser-based drum set.

  • 41.

    Expense Pie Chart

    Visualize financial data using a charting library like Chart.js.

  • 42.

    Morse Code Translator

    Convert English text to Morse code and play the corresponding sounds.

  • 43.

    Palindrome Checker

    Check if a word or phrase reads the same backward as forward.

  • 44.

    Unit Testing Suite

    Write a series of automated tests for a basic math library.

  • 45.

    Web Scraper

    Create a script to extract headlines from a news website.

  • 46.

    URL Shortener UI

    Design the frontend for a service that shortens long web links.

  • 47.

    Whack-a-Mole Game

    Build a fast-paced game where users click on appearing targets.

  • 48.

    Markdown to PDF

    Develop a backend script to convert markdown files into PDF documents.

  • 49.

    Custom Video Player

    Build a media player with custom play/pause, volume, and progress bars.

  • 50.

    Analog Clock

    Use CSS and JS to create a clock with rotating hour, minute, and second hands.

  • 51.

    Typewriter Effect

    Code an animation that looks like text is being typed onto the screen.

  • 52.

    Budget Planner

    Calculate monthly savings based on income and fixed costs.

  • 53.

    Text-to-Speech Tool

    Use the Web Speech API to read out user-provided text.

  • 54.

    Drag and Drop List

    Implement a list where items can be reordered via drag and drop.

  • 55.

    Sorting Algorithm: Merge Sort

    Implement the Merge Sort algorithm from scratch.

  • 56.

    Recipe Book Backend

    Create a RESTful API to manage a collection of recipes.

  • 57.

    User Authentication UI

    Design a professional login and registration form with validation.

  • 58.

    Infinite Scroll Gallery

    Build a page that loads more images as the user scrolls down.

  • 59.

    Snake Game

    Recreate the classic arcade game using a grid-based movement system.

  • 60.

    Book Finder

    Search for books using the Google Books API and display details.

  • 61.

    Form Validator

    Ensure email, password, and username meet specific requirements.

  • 62.

    Daily Horoscope App

    Display daily zodiac predictions using a simple data object.

  • 63.

    Cryptocurrency Tracker

    Show live prices of Bitcoin and Ethereum using a crypto API.

  • 64.

    Markdown Blog

    Build a simple blog engine that parses markdown files into pages.

  • 65.

    Task Prioritization Matrix

    Organize tasks based on urgency and importance.

  • 66.

    Password Manager

    Build an encrypted local storage for managing web credentials.

  • 67.

    Typing Speed Test

    Measure how many words per minute a user can type accurately.

  • 68.

    Weather Icons Mapper

    Dynamically change weather icons based on temperature conditions.

  • 69.

    Landing Page Template

    Create a high-conversion landing page for a fictional product.

  • 70.

    Binary Search Tree

    Implement a BST with insert, search, and delete methods.

  • 71.

    Simple Chatbot

    Program a bot that responds to specific keywords with predefined answers.

  • 72.

    RSS Feed Reader

    Aggregate and display news from various RSS sources.

  • 73.

    Calorie Counter

    Track daily food intake and calculate total calories.

  • 74.

    Poll Application

    Create a simple voting system with real-time result updates.

  • 75.

    Color Game

    A 'guess the hex code' game to train the user's eye for color.

  • 76.

    Gradient Generator

    An interactive tool to create and copy CSS linear-gradient code.

  • 77.

    JSON to CSV Converter

    Build a utility to transform data formats for spreadsheets.

  • 78.

    GitHub Gist Clone

    Create a simple interface for sharing code snippets.

  • 79.

    Breakout Game

    Build a paddle-and-ball game with brick-breaking mechanics.

  • 80.

    File Uploader

    Create a drag-and-drop zone with a progress bar for uploads.

  • 81.

    Custom Modal Library

    Write a reusable script to handle popup windows.

  • 82.

    Simple Forum

    Create a basic board where users can post and reply.

  • 83.

    Sudoku Solver

    Build an algorithm that solves a 9x9 Sudoku grid using backtracking.

  • 84.

    Interactive Map

    Embed a map and place custom markers using a mapping library.

  • 85.

    Virtual Piano

    Create a playable piano that responds to mouse clicks and keys.

  • 86.

    Loan Calculator

    Calculate monthly payments and total interest for a fixed-rate loan.

  • 87.

    Inventory Management

    Track stock levels for a small business scenario.

  • 88.

    E-commerce Product Page

    Build a functional product page with a shopping cart toggle.

  • 89.

    Trivia API Quiz

    Fetch random questions from an external trivia database.

  • 90.

    Portfolio Light/Dark Mode

    Implement a theme switcher using CSS variables.

  • 91.

    Regex Tester

    Build a tool to test Regular Expressions against a block of text.

  • 92.

    Social Media Feed UI

    Clone a popular social feed layout with posts and comments.

  • 93.

    Recursive File Explorer

    Create a script to list all files in a directory tree.

  • 94.

    Recipe Unit Scaler

    Automatically adjust ingredient quantities based on serving size.

  • 95.

    Interactive Timeline

    Build a vertical timeline that animates as the user scrolls.

  • 96.

    URL Shortener API

    Create a backend service to redirect short codes to long URLs.

  • 97.

    Personal Finance Dashboard

    Summarize multiple accounts and spending habits.

  • 98.

    Multi-step Signup Form

    Create a user registration flow split across multiple screens.

  • 99.

    Image Resizer

    Build a tool to change image dimensions in the browser.

  • 100.

    Final Capstone: Custom App

    Combine everything learned to build a unique full-scale application.

Disclaimer

This content may have been generated with the assistance of AI tools. While we strive for accuracy, please verify important information independently. If you notice any errors or have concerns, please contact us.

More from the Ledger

Explore All

Archived for the Perpetual Record

No. 2025-LP-PIE|ADM_REF_IDX