My Professional Tech Stack and Development Tools
As a Frontend Lead Developer, I rely on a carefully selected set of technologies and tools to build scalable, high-performance web applications. Here's an overview of what I use daily in my development workflow.
Frontend Technologies
React & React Ecosystem
My go-to library for building user interfaces. I leverage React's ecosystem including React Router, React Query, and various hooks libraries to build robust applications.
Next.js
I use Next.js for nearly all my projects due to its powerful features like server-side rendering, static site generation, API routes, and excellent developer experience.
TypeScript
TypeScript is essential in my workflow for type safety, better IDE support, and catching errors before they reach production. It drastically improves code quality and maintainability.
TailwindCSS
My preferred styling solution for its utility-first approach, exceptional customization capabilities, and ability to create responsive designs efficiently.
Redux & Zustand
For state management, I use Redux for larger applications and Zustand for simpler state needs. Both provide predictable state containers with excellent developer tools.
Workstation
Lenovo ThinkPad (Ryzen 7, 32GB RAM) – Debian GNU/Linux
Daily driver running Debian with zsh. Rock-solid stability for long coding sessions and Docker workloads.
27” 1440p IPS Monitor
Plenty of screen real estate for side-by-side coding, browser, and docs. Calibrated for comfortable reading.
Keychron K2 (Gateron Brown)
Compact mechanical keyboard with tactile switches — quiet enough for calls, satisfying for long typing.
Logitech MX Master 3S
Ergonomic mouse with smooth scrolling and app-specific shortcuts — great for navigating large codebases.
Ergonomic chair & desk setup
Height-adjustable desk and supportive chair to keep posture in check during extended development sprints.
Development Tools
VS Code
My primary code editor with extensions for ESLint, Prettier, GitLens, and various language support. Custom keybindings and settings help maximize my productivity.
Git & GitHub
Version control with Git and GitHub for collaboration, code reviews via PRs, and CI/CD integration. I'm a strong advocate for Git Flow and meaningful commit messages.
Terminal (Warp with Oh My Zsh)
Custom terminal setup with productivity aliases, Git integration, and a theme that makes working in the command line both efficient and visually pleasing.
Docker
For containerization and ensuring consistent development environments across the team. Makes local development match production as closely as possible.
Design & Collaboration
Figma
Essential for UI/UX design collaboration, prototyping, and maintaining design systems. I work closely with designers using Figma to ensure pixel-perfect implementation.
Miro
For brainstorming sessions, architectural planning, and team collaboration. Great for creating user journey maps and technical diagrams.
Testing & Quality Assurance
Jest & React Testing Library
My testing stack for writing unit and integration tests. Focus on testing user behavior rather than implementation details for more reliable tests.
Cypress
For end-to-end testing to ensure the complete user workflow works as expected. Invaluable for catching integration issues before deployment.
ESLint & Prettier
Code quality and formatting tools that maintain consistency across the team. Custom configurations that enforce our coding standards and best practices.
Productivity & Team Management
Linear
Issue tracking and project management that integrates beautifully with GitHub. Perfect for sprint planning and tracking development progress.
Notion
Team documentation, meeting notes, and knowledge base. Used for technical specifications, team guidelines, and maintaining our development processes.
Slack
Primary communication tool for team collaboration, with integrations for GitHub notifications, deployment updates, and code review notifications.