🛠️ Alat Tempur Gue

What I Use

Tech stack, tools, sama setup yang gue pakai sehari-hari buat ngoding (dan debugging sampe subuh). From hardware yang udah setia sampe software yang sering bikin gue nangis.

Last updated: Januari 2025 • Status: Still Broke but Functional 😅

💻 Hardware

A.k.a peralatan tempur yang somehow masih berfungsi

💻

Laptop

Laptop Gue (Mesin Perang)

Masih Hidup (Barely)

Udah berapa kali crash, berapa kali overheat, tapi masih setia menemani debugging sampe pagi. MVP banget!

🖥️

Monitor

Monitor Eksternal

Coming Soon (Hopefully)

Kalau ada budget sih... Untuk sementara, dual screen = laptop + imagine 😅

⌨️

Keyboard

Keyboard Laptop

Wishlist: Mechanical

Pengen mechanical keyboard yang bunyi clack-clack aesthetic, tapi untuk sekarang keyboard laptop udah cukup nemenin ngetik bug

🖱️

Mouse

Mouse Kabel

Reliable

Soalnya trackpad kadang bikin jari pegel. Simple tapi work!

🎧

Headset

Headphone/Earphone Apapun

Always On

Buat dengerin Old Music sambil coding. Kadang lupa copot sampe lupa mandi (just kidding... or am I?)

☕

Kopi

Good Ol' Coffee

ESSENTIAL

Technically bukan hardware tapi ini CRITICAL COMPONENT. Tanpa ini code gue cuma print("hello world")

💡 Fun fact: 80% produktivitas gue ditentukan sama kualitas kopi, bukan spec laptop 😂

🛠️ Software & Tools

The dream team yang nemenin gue dari "Hello World" sampe "It works!" (dan everything in between)

Code Editor

🏠 Home

VS Code ↗

Home sweet home. Udah kayak rumah kedua. Malah lebih sering disini daripada di kasur 😭

Extensions (The Dream Team)

✨

Prettier

Auto format biar code gue nggak kayak sampah

👨‍🏫

ESLint

Guru killer yang galak tapi berguna. Suka marahin code gue tapi emang bener sih

🧠

Tailwind CSS IntelliSense

Autocomplete Tailwind classes. Tanpa ini gue lupa class apaan aja

🔄

Auto Rename Tag

Rename HTML tag otomatis. Small thing tapi life changing!

👀

GitLens

Biar tau siapa yang nulis code jelek... (gue sendiri, hehe)

😭

Error Lens

Error langsung kelihatan inline. Painful tapi necessary

📝

Todo Tree

Nyatet TODO yang somehow never done

Terminal

🙏

Git Bash / PowerShell

Integrated terminal di VS Code. Tempat gue ngetik "npm install" sambil berdoa

💅

Oh My Posh ↗

Bikin terminal cantik biar mood coding naik. Aesthetic matters!

Browser & DevTools

🔧

Chrome / Edge

DevTools terbaik buat debug. F12 is my best friend

🕵️

React DevTools

Buat ngintip component tree. Stalking but make it productive

⏰

Redux DevTools

Time travel debugging. Literally magic

🚓

Lighthouse

Performance police. Selalu ngingetin kalo website gue berat

Design Tools

🎨

Figma ↗

UI/UX design & wireframing. Tempat gue bikin mockup yang somehow nggak pernah sama hasil akhirnya

⚡

Canva ↗

Quick graphics & thumbnails. Buat yang males buka Photoshop

🗜️

Squoosh ↗

Compress gambar jadi WebP. Lighthouse be happy

🌈

Coolors.co ↗

Color palette generator. Buat gue yang colorblind dalam hal design

Productivity (Atau Prokrastinasi?)

📔

Notion ↗

Notes, docs, todo. Basically tempat gue nulis rencana yang nggak pernah dijalanin

🎵

Spotify ↗

Old Music beats to code/crash to. Ga bisa ngoding tanpa ini

📮

Postman ↗

API testing. Tempat gue nge-spam GET request sampe API-nya capek

📚

Stack Overflow ↗

Guru sejati. Copy-paste dengan bijak (dan baca dulu!)

⚡ Current Tech Stack

Technologies yang gue pakai (dan kadang nyesel pakai)

Frontend (My Playground)

Disini gue paling confident. UI/UX is life!

React Next.js Astro TailwindCSS Framer Motion

Backend (Comfort Zone)

Bisa lah, asal jangan suruh scale ke 1 juta users

Node.js Express Laravel

Database (The Necessary Evil)

Paling males normalisasi database. Tapi ya harus sih

MySQL MongoDB Firebase

Tools (Daily Drivers)

Tanpa ini gue cuma manusia biasa

Git GitHub Vercel VS Code Figma

Learning (Work in Progress)

Lagi digeber nih. Wish me luck!

TypeScript React Three Fiber Docker

🎯 Current vibe: Lagi jatuh cinta sama Astro. Next.js masih sayang, Laravel udah move on. Sorry Laravel, it's not you, it's me (and the reload time) 💔

🔄 Development Workflow

Dari ide sampe deploy (dengan segala drama di antaranya)

1. Idea & Planning

Brainstorm ide sambil mandi, screenshot inspirasi dari Pinterest, bikin wireframe di Figma sambil lupa makan

💭 Reality check: Planning 2 jam, execute 2 minggu

Tools: Notion Figma Otak gue

2. Setup Project

Init repo, install dependencies, setup config sampe bosen. Paling seru bagian ini sebelum coding beneran dimulai

💭 Reality check: "npm install" sambil baca dokumentasi yang somehow nggak ngebantu

Tools: VS Code Terminal npm/pnpm Stack Overflow

3. Development (The Real Struggle)

Coding sambil dengerin Old Music, commit frequently (atau lupa commit 3 jam), test di browser, ketemu bug, debug, repeat

💭 Reality check: Console.log() is my debugging strategy. Don't judge.

Tools: VS Code Chrome DevTools Spotify Kopi

4. Testing (Reality Check)

Test responsive di semua device, check Lighthouse score, nangis liat score-nya 60, optimasi sampe 90+, celebrate

💭 Reality check: "Works on my machine" - Famous last words

Tools: Chrome DevTools Lighthouse HP gue & temen Doa

5. Deployment (Moment of Truth)

Push to GitHub, tunggu Vercel auto deploy, buka link, ternyata production error, fix, deploy lagi, akhirnya jadi! 🎉

💭 Reality check: Build success, tapi kenapa tampilan broken? *panik mode*

Tools: Git GitHub Vercel Harapan

6. Post-Launch

Share ke temen, minta feedback, dapat bug report, cycle repeat. Welcome to developer life!

💭 Reality check: "Eh ada typo" - Temen gue yang eagle eye

Tools: WhatsApp Instagram Mental yang kuat

⚠️ Disclaimer: Workflow di atas adalah idealnya. Realitanya? Kadang langsung skip ke step 3 terus stuck di step 4 selama 3 hari 😭

🎨 VS Code Setup

Karena tampilan editor ngaruh ke mood coding (atau alesan prokrastinasi setup extension)

🎨 Theme & Appearance

Color Theme One Dark Pro

Icon Theme Material Icon

Font Fira Code Ligatures

Font Size 14px (mata udah minus)

⚙️ Settings

Auto Save onFocusChange

Format On Save Enabled (Wajib!)

Tab Size 2 spaces

Minimap Disabled (useless)

✨ Pro tip: Spend 3 jam setup VS Code sampe perfect, terus actual coding cuma 30 menit. Priorities! 😎

📚 Learning Resources

Tempat gue nyari ilmu (dan copas code dengan bijak)

📖 Documentation (The Bible)

→ MDN Web Docs (Guru sejati) → React Docs (Dibaca berkali-kali) → Next.js Docs (App Router still confusing) → Astro Docs (Current obsession) → Tailwind Docs (Hafal diluar kepala)

🌐 Communities & Platforms

→ Stack Overflow (Penyelamat hidup) → YouTube Tutorials (2x speed gang) → GitHub (Baca source code orang) → Dev.to (Quality articles) → Tech Twitter (Drama & hot takes)

💡 Life Wisdom:

Tools itu cuma alat. Yang penting bukan punya tools mahal, tapi gimana lo manfaatin yang ada dengan maksimal. Gue mulai coding pakai laptop kentang + Notepad. Sekarang? Masih laptop kentang, cuma udah pake VS Code 😂

Start simple, upgrade kalau udah butuh!