Projects

Personal builds, experiments, and open-source work that show how I explore ideas, sharpen skills, and ship on my own.

GitHub Profile

Eleventy

11ty-demos

A single Eleventy site of real, working implementation patterns — every demo is the actual feature, not a description of it.

11ty demo eleventy jamstack nunjucks scss

11ty-blog 🔒 Private

Developed a JAMstack blog with a Netlify CMS for documenting FE development experiences. Built with Nunjucks templating, Node.js, and SASS, and deployed on Netlify.

11ty 11ty-blog 11ty-website javascript nunjucks sass

11ty-digital-resume

Digital Copy of the Resume [ CV ] built with eleventy SSG

11ty 11ty-website eleventy resume-website sass

11ty-image-gallery 🔒 Private

A simple and customizable static image gallery powered by Eleventy (11ty) version 3, SCSS, and the Pexels API.

Nunjucks

11ty-accessibility-tips

Accessibility tips and code examples built with Eleventy, covering WCAG, ARIA, semantic HTML, and testing.

accessibility 11ty a11y aria css eleventy

Angular

angular-learning

A hands-on reference repo for learning Angular core concepts through isolated demo projects. Covers component communication, dependency injection, HTTP client, reactive & template-driven forms, lifecycle hooks, pipes, TypeScript interfaces, and observables — with more concepts added regularly.

angular api component-interaction components dependency-injection httpclient

Projects-Angular 🔒 Private

This project involves learning and applying Angular 11 to develop and implement UI clones. It covers the process of replicating various UI designs to enhance skills in Angular 11 and FE.

angular angular-cli lazy-loading typescript

sap-composable-storefront

No description available.

TypeScript

React Work

Projects-React 🔒 Private

This project focuses on exploring and building real-world UI applications using live APIs with React on Astro as wrapper, leveraging the latest technologies.

astro custom-hooks font-awesome netflix react react-hooks

Projects-React-Astro-Free-Open-Apis

This project involves exploring and building small applications with free and open APIs using Vite + React or Astro + React, all deployed on Netlify.

api astrojs free-api react react-router-dom sass

Boilerplates

fractal-boilerplate

A frontend engineering boilerplate: design tokens, a Fractal-documented component library, and a static site, sharing one Gulp asset pipeline.

accessibility axe-core component-library dark-mode design-system design-tokens

grunt-boilerplate

Grunt + LESS boilerplate for static sites, marketing pages, docs sites, and pattern libraries

boilerplate browser-sync build-tool css esbuild frontend

gulp-boilerplate

A from-scratch, production-ready Gulp build system for static sites, landing pages, and docs sites — Nunjucks, Sass, esbuild, sharp, centralized config, full lint/format/CI tooling.

browsersync build-tool esbuild eslint frontend-tooling gulp

Experiments & Learning

astro-pokedex

Built a basic app with dynamic pages using Astro V3, View Transitions and SASS, leveraging the Pokémon API.

astro astrojs-boilerplate javascript pokedex pokedex-api scss

learning-vault

Personal learning vault — Coursera coursework (algorithms, machine learning, generative AI), reference textbooks, and web development handbooks and notes.

courera front-end-development generative-ai meta courses courses-resource