WebDev

I built Design Daily - A Marketplace for Basic UI Components

In Week 23 of Project52, I have built Design Daily.Design Daily is a growing collection of handcrafted UI components built with clean HTML, CSS, and a focus on usability. From buttons and forms to cards and modals, every element is designed to be copy-paste ready, framework-free, and easy to integrate into any project.Whether you're a developer looking to save time or a designer seeking inspiration, Design Daily offers a curated library of essential building blocks with plans to evolve into a full marketplace for creators and teams alike.

EvenSteven: How I Engineered a Private, Simple & Framework-Free Bill Splitter

EvenSteven is a fast, privacy-first web application that makes splitting expenses simple, fair, and visually seamless - without requiring any login, server, or external dependencies. Designed as a fully client-side single-page app, it handles everything from equal splits to complex custom contributions across multiple currencies. With a clean tab-based interface, smart settlement logic, and a responsive dark-theme UI, EvenSteven runs entirely in your browser, processes all data locally, and is optimized for both desktop and mobile (including one-handed mode). It’s a professional-grade tool built with pure HTML, CSS, and JavaScript proving you don’t need a backend or a bloated framework to deliver a powerful user experience.

Building a World Clock with a Smart Meeting Planner for Remote Teams

Building an End-to-End Frontend System for Color Creation: Palette Town

Palette Town is a frontend-only platform designed to generate, manage, visualize, and export color palettes with a strong emphasis on integrating user interface design and user experience architecture. Built entirely with HTML, CSS, and JavaScript, the project explores both color theory-driven generation (analogous, complementary, monochromatic, pastel, dark tones, gradients) and the creation of interactive experiences such as dynamic mosaics, dark mode persistence, and real-time export options for developers.

I Built QuickType — A Real-Time Typing Game That Lets You Race a Bot

Quicktype is a real-time typing game that lets users race against a simulated bot while tracking their typing speed and accuracy live. Designed with clean UI, responsive animations, and a lightweight stack (HTML, CSS, and vanilla JavaScript), it features dynamic prompts, error tracking with visual indicators, and a local leaderboard that records your top performances.

Building a Scalable Memory Game with Vanilla JavaScript

This week, I built a fully interactive Memory Game using only HTML, CSS, and Vanilla JavaScript — no libraries, no frameworks. Inspired by the classic card-matching game, the project features animated cards, themed levels, timed challenges, and a real-time scoring system.

Building a Real-Time Visualization of Births & Deaths for all Countries

This project is a real-time visualization of global births and deaths, dynamically flashing countries on a Leaflet.js-powered interactive map as events occur. Built using HTML, CSS, Javascript, Pandas, and real-world data from WHO, UN, and World Bank, this tool transforms raw statistics into an emotional and immersive experience, reminding us that behind every number is a human story unfolding in real time.

How Long Would It Take You to Earn as much as a Billionaire?💰

Built with HTML, JavaScript & Canvas API. Instead of relying on external libraries, I used Vanilla JavaScript to control every element, from capturing user input to generating the dynamic output, making this a great learning experience in pure front-end web development.