Teeny Tiny Web

🚀 Projects

Discover a collection of small yet powerful JavaScript projects, ready to explore and use as demos.

  • Breakout! Game

    Game where you control a paddle with the arrow keys to bounce a ball up to break bricks. This app uses the HTML5 canvas element and API

    Details →
  • Custom Video Player

    Custom video player using the HTML5 video element and it's JavaScript API with a custom design

    Details →
  • DOM Array Methods

    Project to teach high order array methods and DOM manipulation

    Details →
  • Exchange Rate

    Select countries to get the exchange rate for a specific amount

    Details →
  • Expense Tracker

    Keep track of income and expenses. Add and remove items and save to local storage

    Details →
  • Form Validator

    Form validation with error messages, mail and password validations etc...

    Details →
  • Hangman Game

    Select a letter to figure out a hidden word in a set amount of chances

    Details →
  • Infinite Scrolling & Filter

    Display blog posts from [jsonplaceholder](https://jsonplaceholder.typicode.com) and add infinite scroll to fetch posts and also add filter box

    Details →
  • LyricsSearch App

    Find songs, artists and lyrics using the [lyrics.ovh](https://lyrics.ovh) API

    Details →
  • Meal Finder App

    Search and generate random meals from the [themealdb.com](https://www.themealdb.com) API

    Details →
  • Memory Cards

    Flash card app for learning. Display, add and remove memory cards with questions and answers

    Details →
  • Modal & Menu Slider

    Simple landing page with sliding menu and modal

    Details →
  • Movie Seat Booking

    Display movie choices and seats in a theater to select from in order to purchase tickets.

    Details →
  • Music Player

    Create beautiful UI to play music stored in the "music folder" using the HTML5 audio API

    Details →
  • New Year Countdown

    Landing page that counts down from the current date to the next new year

    Details →
  • Product Filtering

    Landing page that filters products from product list.

    Details →
  • Relaxer App

    A relaxing breathing app with a visual director to tell you when to breathe in, hold and breathe out

    Details →
  • Speak Number Guessing Game

    Number guessing game where you speak your guess into the microphone using the speech recognition API

    Details →
  • Speech Text Reader

    A text to speech app for non-verbal people. Pre-made buttons and custom text speech. This project uses the Web Speech API

    Details →
  • Speed Typer Typing Game

    Game to beat the clock by typing random words

    Details →