100 JavaScript Projects

Mastering JavaScrip by building 100 mini web apps using only core HTML, CSS, and JavaScript without relying on external libraries or frameworks.

#01 Captura de pantalla del proyecto Card Swipe

Card Swipe

Learn to create the swipe effect with HTML, CSS and JavaScript.

  • DOM
  • Gesture animations
  • Mouse and touch events
  • CSS transitions
Demo Code
#02 Captura de pantalla del proyecto Arkanoid Game

Arkanoid Game

Mythical and classic Arkanoid game to control with keyboard

  • Draw on Canvas
  • Keyboard events
  • RequestAnimationFrame
  • Sprites
Demo Code
#03 Captura de pantalla del proyecto Typing Game

Typing Game
NEW

Test your typing speed with this game

  • DOM
  • Keyboard events
  • Class managment
  • Selectors optimization
Demo Code