Real value Real projects

A collection of front-end applications, utility tools, interactive games, and API integrations built while mastering the web stack.

Project of the day Tool

Password Generator

Instantly generate strong, customizable passwords with adjustable length, numbers, and special characters.

Stack HTML / CSS / JS
License MIT
Action Open Demo ↗
Tool

Color Palette

Pick, customize, and copy gorgeous color palettes with real-time hex, RGB, and HSL formats.

Stack HTML / CSS / JS
License MIT
Action Open Demo ↗
Tool

Alarm Clock

A functional web-based alarm clock complete with digital time display, custom alarm tones, and loop modes.

Stack HTML / CSS / JS
License MIT
Action Open Demo ↗
Featured App

To-Do List

Manage daily tasks with status toggles, smooth list filtering, task deletion, and full localStorage persistence.

Stack HTML / CSS / JS
License MIT
Action Open Demo ↗
Game

Tic Tac Toe

Classic local two-player game featuring score tracking, dynamic turn indicator, and interactive grid animations.

Stack HTML / CSS / JS
License MIT
Action Open Demo ↗
UI / Fun

Spiderman Web

Canvas experiment rendering web structures that stretch and anchor interactively to the mouse coordinate.

Stack HTML5 / Canvas
License MIT
Action Open Demo ↗
API

Dog Facts

Fetches real-time dog trivia from public endpoints. Built with dynamic content updates and error state handlers.

Stack Fetch API / JS
License MIT
Action Open Demo ↗
API

Rick & Morty Explorer

Browse characters, filter by status, and search locations powered by the Rick and Morty REST API.

Stack REST API / JS
License MIT
Action Open Demo ↗
UI

Login Page UI

A clean, fully responsive sign-in/sign-up layout template featuring custom input states and field validation styles.

Stack HTML / CSS
License MIT
Action Open Demo ↗
Tool

Calculator

Interactive dashboard-style calculator support for sequential operations, reset features, and display logs.

Stack HTML / CSS / JS
License MIT
Action Open Demo ↗
Tool

QR Code Generator

Generate, render, and download valid static QR Codes instantly using text or web links.

Stack HTML / CSS / JS
License MIT
Action Open Demo ↗
Featured API

Weather App

Real-time weather locator with wind speed, temperature metrics, humidity, and responsive status graphics.

Stack Weather API / JS
License MIT
Action Open Demo ↗
App

CurrentWaves

Stay up to date with live feeds, news updates, and social summaries built using clean UI frameworks.

Stack React / Vite
License MIT
Action Open Demo ↗
Tool

TextUtility

Transform paragraph capitalization, calculate precise word counts, trim white spaces, and copy with single click triggers.

Stack HTML / CSS / JS
License MIT
Action Open Demo ↗
Tool

PDF Tools

Combine multiple PDF sheets, delete selected indexes, and download your consolidated results completely locally.

Stack JS / Tailwind
License MIT
Action Open Demo ↗
UI / Fun

Eid Mubarak

Animated greeting experience combining canvas sparkles, night mode toggle, and responsive crescent moon graphics.

Stack HTML / CSS / JS
License MIT
Action Open Demo ↗
Game

Friends Trivia

Test your knowledge on the sitcom classic with timed questions, live score dashboards, and custom audio cues.

Stack HTML / CSS / JS
License MIT
Action Open Demo ↗
API

Corona Map

Global stats visualizer displaying infection indices and vaccination counts plotted on a responsive map canvas.

Stack Leaflet / Map API
License MIT
Action Open Demo ↗
UI

C3 Landing Page

Responsive multi-column agency-themed template containing animated header hooks and layout grid systems.

Stack HTML / CSS / JS
License MIT
Action Open Demo ↗
App

Chrome Extension Setup

A boiler template and documentation guide designed to bootstrap Chrome manifest version 3 extensions quickly.

Stack Manifest v3 / JS
License MIT
Action Open Demo ↗