Skip to content
View xarlizard's full-sized avatar
👋
Hi
👋
Hi

Organizations

@ORG-ES @codetickets @terrarium-labs @open-templates

Block or report xarlizard

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

EN    ES    NL    RU    ZH    JA    AR    IT    FR    CA    DE    PT    HI    ID    KO    HE    TR


💫 About Me

Hi, I'm Charlie RiosSenior Full-Stack Software Engineer based in Amsterdam.

LinkedIn Profile Views

I build products end-to-end: from UI architecture and design systems to APIs, infra, and production deployments. I've led frontend teams as Frontend Lead, owned features as a Product Engineer, and shipped across web, mobile, and cloud. Nowadays I'm growing into a native AI developer, building intelligent systems that reach real users.

What I bring: strong product sense · scalable React/TypeScript frontends · full-stack ownership · AI-native tooling



🚀 Featured Projects

Token Bar

Download for macOS

Swift macOS

Native macOS menu bar app that unifies AI usage across Cursor, OpenAI, Anthropic, and more — track tokens, credits, spend, and burn rate without juggling provider dashboards. Includes Notification Center widgets, usage alerts, and privacy-first credential storage in the Keychain.

Live Demo GitHub



Email Signature Editor

React Vite Tailwind CSS shadcn/ui LinkedIn login

Schema-driven email signature builder with a guided template flow, live HTML preview, and one-click copy into Gmail. Import your profile from LinkedIn to pre-fill fields, then customize in the visual template editor — saved signature library, per-field styling, and multi-language support included.

Live Demo GitHub



CarBnB

CarBnB

Next.js Vercel · React Netlify

Peer-to-peer car rental marketplace inspired by Airbnb — rent cars from local owners instead of traditional rental counters. Built two proof-of-concept frontends with Lovable and Vercel v0 to compare AI-assisted UI generation workflows.

Live Demo GitHub · Live Demo GitHub



📋 Open Templates

Starter repos from @open-templates — use individually or as paired fullstack packs.

📄 Standalone

Template Tech Stack Description
github-repo-template GitHubGitHub Actions Stack-agnostic GitHub repo shell — community docs, Dependabot, CODEOWNERS, issue & PR templates
npm-package-template TypeScriptVitestESLintNPM Production-ready TypeScript npm package — dual ESM/CJS builds, Vitest, ESLint, automated publish & CodeQL

⚡ Fullstack Packs

Frontend + backend templates wired to the same auth & API contracts — clone both and ship.

🔐 Supabase Auth Pack

Role Template Tech Stack Description
Frontend react-supabase-auth-template ReactViteSupabaseTailwind CSS React 19 + Vite + Supabase Auth — email/password & Google OAuth, protected routes, API health polling, GET /me
Backend cf-hono-supabase-api-template CloudflareHonoSupabaseTypeScript Cloudflare Worker + Hono + Supabase — public GET /health, JWT-protected GET /me

🤖 AI Chat Pack

Role Template Tech Stack Description
Frontend react-supabase-auth-ai-chat-template ReactViteSupabaseBun React 19 + Vite + Supabase Auth SPA with AI chat — session threads, markdown replies, multi-turn POST /chat
Backend cf-hono-supabase-gemini-api-template CloudflareHonoSupabaseGemini Cloudflare Worker + Hono + Supabase + GeminiGET /health, JWT GET /me & POST /chat with conversation history





📦 Open Source Libraries

Package NPM Description
lizard-ui npm A multi-theme UI dependency for building React apps
responsive-panel npm Dev tool to visualize and test responsive breakpoints in real time
react-api-forge npm Type-safe React hook factory for API calls with loading, errors & cancellation
react-temporal npm React hooks for date & time using the JavaScript Temporal API



💻 Tech Stack

TypeScript Swift Python JavaScript GraphQL Java PHP Solidity CSS3 HTML5 Google Cloud AWS Cloudflare Heroku Netlify Oracle Vercel Firebase Astro Angular.js React React Native SASS Remix Redux Vite TailwindCSS Webpack Badge Name WordPress Radix UI PNPM Next JS JWT NPM Nodemon NodeJS React Query Laravel Flutter MUI Mantine jQuery FastAPI Django Express.js Expo Deno JS Bootstrap Chart.js Chakra Bun Fastify Flask Nuxt JS React Router WebGL Web3.js Nginx Apache Firebase Postgres Redis Prisma MongoDB SQLite Supabase MySQL MicrosoftSQLServer Adobe Figma Canva Adobe Photoshop Framer Storybook Adobe Illustrator PyTorch TensorFlow GitHub Actions GitHub Git Vitest Testing-Library Selenium Playwright Jest Cypress Cisco CMake Docker Jira Notion Postman Trello



📊 GitHub Stats

Isometric GitHub contribution chart
GitHub streak stats GitHub top languages



🏆 GitHub Trophies

GitHub profile trophies



💰 You can help me by Donating

Buy Me a Coffee

Pinned Loading

  1. token-bar/token-bar token-bar/token-bar Public

    TokenBar is a macOS menu bar app that tracks AI usage across multiple providers in one place. See tokens, credits, spend, quotas, and burn rate at a glance—without opening separate provider dashboa…

    Swift 1

  2. email-signature-editor email-signature-editor Public

    Simple HTML email signature editor with live preview. Edit templates, fill in your details, and copy into Gmail.

    TypeScript 6 1

  3. open-templates/cf-hono-supabase-api-template open-templates/cf-hono-supabase-api-template Public template

    Hono on Cloudflare Workers + Supabase API template. Server-side Supabase.

    JavaScript 1

  4. open-templates/react-supabase-auth-template open-templates/react-supabase-auth-template Public template

    React + Supabase Auth starter template. Auth on the client; data via your API worker.

    TypeScript 1

  5. open-templates/npm-package-template open-templates/npm-package-template Public template

    A comprehensive, production-ready TypeScript npm package template with automated publishing, testing, and modern tooling.

    JavaScript 2

  6. responsive-panel responsive-panel Public

    A development tool that helps frontend developers visualize and test responsive design breakpoints in real-time

    TypeScript 1