A curated list of tools, gadgets, and resources I recommend.

I often receive queries about the tools I use for software development, productivity enhancements, or even those I indulge in during lighter moments of procrastination. Below is a comprehensive rundown of all my top recommendations.

Workstation

  • 14” MacBook Pro, M3, 16GB RAM (2023)

    The 14” MacBook Pro with M3 chip and 16GB RAM is a powerful and portable laptop designed for professional use. It offers excellent performance for development tasks and multitasking, making it ideal for front-end development projects.

  • iPhone 15

    The iPhone 15 is a cutting-edge smartphone with advanced features and performance. It can be used for testing mobile responsiveness and performance of web applications, making it a handy tool for front-end developers.

  • Huawei Display 23.8'' (AD80HW)

    The Huawei Display 23.8’’ (AD80HW) is a high-quality monitor with a large screen size and sharp resolution. It provides a great viewing experience for coding, designing, and reviewing front-end projects.

  • Oraimo BoomPop2S ENC Wireless On-Ear Headphones

    The Oraimo BoomPop2S ENC Wireless On-Ear Headphones offer excellent sound quality and noise cancellation, making them perfect for focusing on coding and programming tasks without distractions.

Stacks

  • React

    React is a JavaScript library for building user interfaces. It’s maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

  • NextJS

    Next.js is a React framework that enables functionality such as server-side rendering and generating static websites for React based web applications. It’s a powerful tool for building high-performance web applications.

  • TypeScript

    TypeScript is a superset of JavaScript that adds static typing to the language. It’s a powerful tool for catching errors and improving code quality in large codebases.

  • Tailwind

    Tailwind CSS is a utility-first CSS framework for building custom designs without having to leave your HTML. It’s a powerful tool for creating responsive and accessible web designs.

Development tools

  • VS Code

    Tried a bunch of different editors and IDEs over the years but I always come back to VS Code. It’s the best of both worlds for me.

  • PHP Storm

    I use PHP Storm for all of our PHP and WordPress development. It’s the best IDE for PHP by a mile.

Design

  • Figma

    We started using Figma as just a design tool but now it’s become our virtual whiteboard for the entire company. Never would have expected the collaboration features to be the real hook.