A compact suite of browser-based utilities and mini-apps — from everyday calculators to classic web games — all written in pure HTML, CSS, and JavaScript. A playground of logic, UI, and creativity.
Each project is intentionally lightweight, focusing on fundamentals. The emphasis is on understanding how things work in the browser: event handling, rendering, user interaction, and state management — without abstractions getting in the way.
This repository serves both as a learning archive and a rapid-experiment space, where small ideas can be implemented quickly without the overhead of creating separate repositories for every mini project.
- Strengthen core web fundamentals (HTML, CSS, JavaScript)
- Practice DOM manipulation and browser event handling
- Build interactive tools and small games without frameworks
- Explore UI logic, timing, and user input handling
- Maintain clean, readable, and standalone web projects
All projects are organized under the vanilla/ folder. Each project has its own subdirectory with source code and documentation.
- coin-toss -> coin-toss.html
- calculator -> calculator.html
- rock-paper-scissor -> rock-paper-scissor.html
- number-guessing-game -> number-guessing-game.html
- age-calculator -> age-calculator.html
- image-slider -> image-slider.html
- height-converter -> height-converter.html
- text-to-code -> text-to-code.html
- tip-calculator -> tip-calculator.html
- analogue-clock -> analogue-clock.html
- url-player -> url-player.html
- stopwatch -> stopwatch.html
- greeting-card -> greeting-card.html
- timer -> timer.html
- reflex-timer -> reflex-timer.html
- compact-text-editor -> compact-text-editor.html
- Clone the repository.
- Navigate to the folder of your interest.
- Open the file directly in a suitable environment.
Try it live here:
This repository is licensed under the MIT License. See the LICENSE file for details.