Skip to content
View gblsmlo's full-sized avatar
19 followers · 49 following

Achievements

Achievement: Pull Sharkx3Achievement: Pair ExtraordinaireAchievement: QuickdrawAchievement: YOLOAchievement: Arctic Code Vault Contributor

Achievements

Achievement: Pull Sharkx3Achievement: Pair ExtraordinaireAchievement: QuickdrawAchievement: YOLOAchievement: Arctic Code Vault Contributor

Block or report gblsmlo

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
gblsmlo/README.md

Hi, I'm Gabriel Melo! 👋

I'm a Senior Frontend Engineer focused on frontend architecture, performance, and scalability. I design and build robust systems using modern JavaScript, strong UI engineering practices, and a deep focus on long-term maintainability.

Website | LinkedIn | Email

My Focus

  • Frontend Architecture: React, Next.js, TypeScript, Monorepos (Turborepo), Microfrontends
  • Design Systems: Atomic Design, Storybook, scalable component libraries
  • Performance: Core Web Vitals, SSR/SSG, caching, rendering strategies
  • Accessibility: WCAG, semantic HTML, usability-first workflows
  • DevOps for Frontend: CI/CD, code quality automation, testing pipelines
  • Clean Code & Governance: patterns, documentation, decision records

Tech Stack

Languages

JavaScript TypeScript

Frontend

React Next.js React Native

Architecture & State

Zustand Turborepo

Tooling & CI/CD

Git Webpack Vitest Testing Library

Backend/Infra

Node.js Supabase PostgreSQL

Projects

In Progress 🚧

  • tc96-ui-react: a modern, accessible React component library for product teams. Built on Tailwind CSS v4, Radix UI primitives, and class-variance-authority.
  • twincam: Most boilerplates are bloated or outdated. Twincan is opinionated and built for speed.

GitHub Analytics

Currently Exploring

  • AI-assisted frontend workflows
  • LLM reasoning for product interfaces (Zero-Shot / Few-Shot)
  • RAG for frontend automation
  • Edge-first architectures

Engineering Philosophy

Build systems, not just screens.
Optimize for clarity, resilience, and long-term maintainability.
Align engineering, design, and business.
Deliver value, consistently and predictably.

Pinned Loading

  1. tc96-ui-react tc96-ui-react Public

    A modern, accessible React component library for product teams. Built on Tailwind CSS v4, Radix UI primitives, and class-variance-authority, and distributed as @tc96/ui-react.

    JavaScript

  2. tc96-biome-config tc96-biome-config Public

    A sharing configuration file in the settings for Biome.js

    JavaScript

  3. twincam twincam Public template

    TypeScript

  4. twincam-supabase twincam-supabase Public template

    TypeScript

  5. tc96-react-starter tc96-react-starter Public template

    This is a simple starter with tailwind and parcel for build front-end.

    TypeScript

  6. ftr-upload-widget-server ftr-upload-widget-server Public

    A backend service for image uploads, built with Fastify, Zod, Drizzle ORM, and Cloudflare R2 (via AWS SDK S3).

    TypeScript