Skip to content
View jjmginon's full-sized avatar
1 follower · 12 following

Block or report jjmginon

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
jjmginon/README.md

JJ Ginon // Front-End Developer, Building Fast & Accessible Interfaces ⚡

LinkedIn freeCodeCamp X Threads Discord

🚀 Front-End Web Developer

I build fast, accessible, and user-friendly websites and web apps using semantic HTML, SCSS/BEM, and modern JavaScript (ES6 modules). My projects are deployed with Netlify, version-controlled with Git, and designed with performance, accessibility, and maintainability in mind.

  • 🖥️ Responsive by default — mobile-first layouts that adapt across every screen
  • ♿ Accessibility-focused — WCAG-conscious contrast, ARIA patterns, and keyboard-friendly interactions
  • ✨ Clean, systematic code — semantic HTML, modular SCSS, BEM, and DRY principles
  • 🔧 Serverless backends when needed — Netlify Functions for APIs, image processing, and secure integrations
  • 🌐 Web fundamentals first — building a strong foundation in HTML, CSS, and modern JavaScript before adopting frameworks where they add value.

💡 I believe great front-end development is a system: clean code, intuitive interfaces, accessible experiences, and performance that users can feel.

🔨 Currently Building

Refining my personal portfolio with polished UI details, stronger project case studies, and a consistent design system while continuing to deepen my JavaScript and serverless development skills.

🗂️ My Portfolio

jjmginon.dev — Explore my portfolio, project case studies, and the thinking behind each build.

🌟 Featured Project

📦 OptiPix — Image Compression Tool

My most complete project to date—a mobile-first image compression tool inspired by camera optics, combining a distinctive visual identity with practical serverless capabilities.

  • Vanilla JavaScript (ES6 modules) with a Netlify Function powered by sharp
  • Compresses PNG and JPG images while preserving visual quality
  • Custom "dopamine optics" branding featuring a violet-to-orange gradient, bento layout, and Bricolage Grotesque + Plus Jakarta Sans

🔗 Live Site · Source

📂 Other Projects

Project What it does Stack
☀️ AtmoSeek Weather app with a serverless API proxy, accessible autocomplete search, and forecast-based dynamic themes Semantic HTML · SCSS · JS · Netlify Functions
☕ CoffeeScript Café Multi-page café website showcasing accessibility, performance, and modern responsive design Semantic HTML · CSS · BEM
🔍 NexuSearch Wikipedia search experience reimagined with a sleek cold-tech interface and cyan-glow styling Semantic HTML · Modular SCSS · JS
✅ WaTodo Accessible to-do application with localStorage persistence and a clean responsive interface Semantic HTML · Modular SCSS · ES6 JS
⚔️ Rock Paper Scissors: PvE RPG-inspired duel game featuring battle animations, chant sequences, and persistent scoreboards Semantic HTML · Modular SCSS · ES6 JS

🛠️ Tech Stack

Languages & Core HTML5 · CSS3 · SCSS · JavaScript (ES6+)

Architecture & Practices Semantic HTML · BEM · Responsive Design · Accessibility (WCAG) · Mobile-First Development · Performance Optimization

Tools & Deployment Git · GitHub · Netlify · Netlify Functions

📚 Certifications

⭐️ Building thoughtful front-end experiences—one project at a time, with clean code, accessible design, and a commitment to continuous learning.

Pinned Loading

  1. optipix optipix Public

    OptiPix is a mobile-first image compression tool built in 2026 using vanilla JavaScript and a lightweight Netlify serverless function. Inspired by camera optics, it combines a bold visual identity …

    JavaScript 1

  2. atmoseek atmoseek Public

    AtmoSeek is a modern weather application built with semantic HTML, responsive SCSS, and modular JavaScript. It integrates real‑time data through Netlify serverless functions, featuring accessibilit…

    SCSS 1

  3. coffeescript-cafe coffeescript-cafe Public

    CoffeeScript Café is a responsive multi‑page website redesigned in 2026 with original café‑themed content to demonstrate accessibility, performance, and modern front‑end design practices. The proje…

    HTML 1

  4. nexusearch-app nexusearch-app Public

    NexuSearch is a front‑end web app that transforms Wikipedia’s open API into a sleek, accessibility‑first search interface. Built with semantic HTML, modular SCSS, and modern JavaScript, it delivers…

    SCSS 1

  5. watodo-app watodo-app Public

    WaTodo is a lightweight to‑do list web app built with semantic HTML, modular SCSS, and ES6 JavaScript. It features accessible design, localStorage persistence, and a clean, responsive interface for…

    SCSS 1

  6. rps-pve rps-pve Public

    Rock Paper Scissors: PvE — An RPG‑inspired reimagining of the classic duel, featuring gold‑trimmed panels, immersive chant sequences, and accessibility‑first design. Built with semantic HTML, modul…

    SCSS 1