Setup 01
Development Tools
6 tools
The daily workflow for coding, debugging, version control, and APIs.
- Editor Cursor (AI-powered code editor)
- Terminal Warp
- Version Control Git with GitHub & GitLab
- Package Manager pnpm, npm
- API Testing Postman
- Database Tools TablePlus, MySQL Workbench, phpMyAdmin
Setup 02
Design & Productivity
4 tools
Tools that help me shape ideas, collaborate, and keep projects moving.
- Design Figma, Adobe XD
- Note Taking Notion, Obsidian, Google Keep
- Task Management Jira, GitHub Projects
- Communication Slack
Setup 03
Development Stack
6 tools
The technologies I reach for when building modern product interfaces.
- Frontend React, Next.js, Astro, Vue.js, TypeScript
- Styling Tailwind CSS, shadcn/ui, Styled Components, CSS Modules
- Backend Node.js, Express, Laravel, Django
- Databases PostgreSQL, MySQL, MongoDB, Redis, Supabase
- Deployment Vercel, Netlify, Docker
- CI/CD GitHub Actions, GitLab CI/CD
A compact setup for focused frontend work and testing across screens.
- Computer MacBook Pro (M1 Pro)
- Monitor External monitor for extended workspace (27 inch)
- Keyboard Apple Magic Keyboard
- Mouse Logitech G502 Hero
Setup 05
Browser & Extensions
2 tools
The inspection and quality tools I use to refine UI behavior.
- Browser Chrome, Firefox, Zen Browser
- Extensions React DevTools, Vue DevTools, Lighthouse, ColorZilla, JSON Formatter, CORS Unblocker
Setup 06
Services & Platforms
4 tools
Hosted services for shipping, analytics, cloud features, and email.
- Hosting Vercel, Netlify
- Cloud AWS, Firebase, Supabase
- Analytics Google Analytics, Vercel Analytics
- Email Gmail
Setup 07
Learning & Resources
3 tools
Reference material and learning loops that keep the craft sharp.
- Documentation MDN, official framework docs, Stack Overflow
- Courses Scrimba, freeCodeCamp, Udemy, Laracasts, Frontend Mentor
- Communities Reddit, LinkedIn