Digital Product Designer
A collection of practical web projects—simple tools, functional apps, and reusable components. Each project focuses on solving real problems found in daily life across different areas: research, personal finance management, cybersecurity, branding strategy, and more.
Quick utilities designed for a single purpose.
Utility Tool
A clean, functional calculator for basic arithmetic operations. Simple interface with keyboard support for quick calculations.
Security Tool
A straightforward password validation tool that checks strength in real-time and generates secure passwords. Includes instant feedback and clipboard integration for convenience.
Analysis Tool
A handy text analysis tool that extracts useful statistics, word frequencies, and patterns. Simple yet effective for getting quick insights from your content.
Conversion Tool
A practical converter for common units including length, weight, temperature, and volume. Quick conversions for everyday needs.
Developer Tool
A simple tool for encoding and decoding URLs. Useful for developers working with web addresses and query strings.
Full applications with multiple screens and features.
Web Application
A practical citation generator that formats academic references in APA style. Makes the research process easier by automatically creating properly formatted citations for different source types.
Web Application
A citation tool for generating Harvard-style references. Covers essential source formats including books, journals, and websites to help with academic writing.
Web Application
A visual colour palette generator for designers and developers. Create, save, and export custom colour schemes with hex codes for your projects.
Web Application
A project management tool with drag-and-drop functionality for organizing tasks. Uses visual workflows to help with productivity and team collaboration.
Web Application
A simple shopping list manager to organize your grocery needs. Add, edit, and check off items as you shop with a clean, mobile-friendly interface.
Complete multi-page sites with navigation and structure.
Reusable UI elements ready to implement in websites.
HTML/CSS Component
A clean, responsive profile card component with modern CSS techniques. Uses flexbox layouts and smooth transitions for a polished look in user interfaces.
HTML/CSS/JS Component
Card components with 3D hover effects and smooth animations. A fun showcase of CSS transforms and JavaScript interactivity for engaging user experiences.