┌─────────────────────────────────────────────────────────┐
│ │
│ Name : Ahmad Rizqi Mubarok │
│ Role: │
│ - Informatics Engineering Student │
│ - Full-Stack Developer │
│ - Software Engineer │
│ │
│ Location : Surabaya, Indonesia 🇮🇩 │
│ College : ITATS — Institut Teknologi Adhi Tama │
│ Community : GDGoC ITATS (Google Developer Groups) │
│ Focus: │
│ - Full-Stack Development │
│ - Software Engineering │
│ - System Design │
│ Status : Open to Collaborations & Internships 🎯 │
│ Philosophy : "Build things that scale. │
│ Learn things that last." │
│ │
└─────────────────────────────────────────────────────────┘- 🔭 Building full-stack web applications with modern stacks
- 🌱 Actively leveling up in System Design, Cloud, and DevOps
- 🏆 Competed in and built cinematic web apps in GDGoC project contexts
- ⚡ Believer in: Clean Code · Scalability · Maintainability · User-first thinking
- 💬 Ask me about: React, Next.js, Node.js, TypeScript, System Architecture
| Project | Stack | Status | Links |
|---|---|---|---|
| 🎬 Becoming. — Cinematic AI Self-Reflection App | React 19 · TypeScript · Firebase · Gemini AI | 🔨 Active | Repo |
| 🎟️ War Ticket — Indonesian Concert Ticketing Platform | Next.js · TypeScript · PostgreSQL · Framer Motion | 🔨 Active | Repo |
| 🧠 Personal Portfolio — Neural Terminal Concept | HTML · CSS · Canvas · Vanilla JS | ✅ Complete | Repo |
| # | Goal | Status |
|---|---|---|
| 01 | 🏗️ Build 10+ production-ready projects | 🔄 In Progress |
| 02 | 🌐 Make meaningful Open Source contributions | 🔄 In Progress |
| 03 | 🟦 Master TypeScript end-to-end | 🔄 In Progress |
| 04 | 🏛️ Deep-dive into System Design patterns | 📖 Learning |
| 05 | ☁️ Get hands-on with Cloud & DevOps (AWS/GCP) | 📖 Learning |
| 06 | 💼 Land a Software Engineering Internship | 🎯 Targeting |
| 07 | 🤝 Grow the GDGoC ITATS community | 🚀 Building |
| 08 | 💪 Become a solid Full-Stack Engineer | 🚀 Building |
⚠️ STATUS: NOT YET ACTIVE. Theoutputbranch does not exist yet in this repo — that's why the image above is currently broken. Follow all 4 steps below, in order, or it will stay broken.
⚙️ Snake Setup Instructions — 4 steps, do ALL of them (click to expand)
Step 1 — Add the workflow file. Create .github/workflows/snake.yml in this repo's main branch with the content below (a ready-to-commit copy is provided separately — see snake.yml):
name: Generate Snake Animation
on:
schedule:
- cron: "0 0 * * *"
workflow_dispatch:
push:
branches:
- main
jobs:
generate:
runs-on: ubuntu-latest
timeout-minutes: 10
steps:
- name: generate snake.svg
uses: Platane/snk/svg-only@v3
with:
github_user_name: ${{ github.repository_owner }}
outputs: |
dist/github-contribution-grid-snake.svg
dist/github-contribution-grid-snake-dark.svg?palette=github-dark
- name: push snake.svg to the output branch
uses: crazy-max/[email protected]
with:
target_branch: output
build_dir: dist
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}Step 2 — Give Actions write access. Go to Settings → Actions → General → Workflow permissions, select "Read and write permissions", then Save. Skip this and the push step silently fails — this is the #1 reason people's snake never appears.
Step 3 — Run it once manually. Go to the Actions tab → select "Generate Snake Animation" → Run workflow. This is what actually creates the output branch for the first time. It will not appear on its own until this runs at least once.
Step 4 — Verify. After the run finishes green ✅, check that a branch named output now exists in this repo, containing github-contribution-grid-snake.svg and github-contribution-grid-snake-dark.svg. Only then will the image above render.
╔══════════════════════════════════════════════════════════════════╗
║ ║
║ "Great software is built through curiosity, ║
║ consistency, and continuous improvement." ║
║ ║
║ Clean Code. Scalability. Reliability. User-First Design. ║
║ ║
╚══════════════════════════════════════════════════════════════════╝
I'm always open to collaborations, open-source contributions, and honest engineering discussions.
If you're working on something impactful — let's connect.
"Talent is useful, but consistency is what creates mastery."