Portfolio

5 projects available

5

Total Projects

1

Featured Projects

1

Completed

4

In Progress

⭐ Featured Projects

All Projects

Blocky

Blocky

in-progress

πŸ›‘οΈπŸš«βœ¨ A powerful and lightweight ad blocker browser extension for Chrome and Edge that blocks ads using multiple filter sources. πŸ–₯️🌐

Features βœ… Multi-Source Filtering: Uses EasyList and uBlock Origin filter lists πŸš€ High Performance: Built with Manifest V3 and declarative net request 🎯 Smart Blocking: Combines network-level and DOM-based blocking πŸ“Š Statistics: Track blocked ads and protected sites βš™οΈ Customizable: Whitelist sites, custom rules, and blocking levels πŸ”’ Privacy-Focused: No data collection, all processing happens locally

TypeScriptManifest V3Chrome ExtensionEdge ExtensionEasyListuBlock Origin
stone.css

stone.css

in-progress

🎨πŸͺ¨ stone.css - a PoC with style in less than 30 seconds. CSS styles for HTML elements for your next Proof of Concept project. βš‘οΈπŸ’‘

βš™οΈ Core Coverage - πŸ“„ Typography scale + vertical rhythm - 🧾 Lists / tables / forms / buttons / code / blockquotes - πŸŒ“ Auto light & dark (prefers-color-scheme) - β™Ώ Contrast targets aiming WCAG AA - πŸ“ Fluid readable line lengths - πŸ–¨οΈ Print-friendly defaults 🧭 Design Principles - Element-first: minimal custom classes 🧱 - Zero config: drop in & go πŸš€ - Tasteful restraint: no utility explosion 🚫 - Predictable spacing + scale rhythm πŸ“Š - Progressive enhancement friendly 🌿 βœ… Perfect For Spikes ⚑ Β· Hackathons πŸ§ͺ Β· Early product demos πŸ› οΈ Β· Internal tools πŸ—‚οΈ Β· Docs / README site placeholders πŸ“˜

CSS
Green Software Indicator

Green Software Indicator

completed

πŸŒ±πŸ’šπŸŸ’ A Chrome/Edge browser extension that evaluates websites for green software development practices and displays colored badges indicating their environmental sustainability. πŸŒπŸ”‹

Features - Real-time Analysis: Automatically analyzes websites when you visit them - Visual Indicators: Color-coded badges (green = excellent, yellow = good, red = needs improvement) - Detailed Breakdown: Shows specific green software practices being followed - Performance Monitoring: Tracks website efficiency metrics

TypeScriptChrome ExtensionEdge ExtensionWeb Performance
Chrome/Edge Extension TypeScript Template

Chrome/Edge Extension TypeScript Template

in-progress

πŸ§©βš‘οΈπŸ› οΈ A modern, well-structured template for building Chrome and Edge browser extensions using TypeScript and Vite. πŸš€πŸ–₯️

Features πŸš€ Fast Development - Powered by Vite for instant hot reload πŸ“¦ TypeScript - Full TypeScript support with strict typing 🎯 Manifest V3 - Uses the latest extension manifest version πŸ”§ Pre-configured - Ready-to-use setup with all necessary configurations 🎨 Modern UI - Clean popup interface with dark/light theme support πŸ“± Cross-browser - Compatible with both Chrome and Edge πŸ› οΈ Developer Tools - Comprehensive build scripts and development workflow

TypeScriptViteManifest V3Chrome ExtensionEdge Extension
Copilot Instructions

Copilot Instructions

in-progress

πŸ€–πŸ“‹βœ¨ Instructions and best practices for GitHub Copilot. πŸ’‘πŸ“

πŸ€– Copilot Instructions β€” curated guidance for getting high‑quality, secure, and efficient output from GitHub Copilot. πŸ“Œ Includes - 🧠 Prompt patterns (scaffolding, refactor, test gen, explain) - 🚫 Anti‑patterns (over-broad asks, vague intent, leaking secrets) - πŸ§ͺ Testing prompts (unit, property, edge cases) - πŸ›‘οΈ Secure coding reminders (inputs, secrets, dependency scrutiny) - πŸ”„ Iteration workflow (spec β†’ draft β†’ refine β†’ validate) - 🧩 Pairing styles (directive vs exploratory prompting) πŸ’‘ Prompt Building Tips - State intent + constraints + style. - Provide examples (few-shot) when format matters. - Ask for diff-friendly output when patching code.