What Felix uses

Uses

I don't get asked about my work environment so often, but just in case if you want to know, here are the tools, devices and services I use to get things done. These are not the best ones, but I personally feel these very comfortable. I consider this as a checklist too.

Services

• Music from Spotify and Apple Music
• I mostly spend my days on Youtube watching tutorials and other relevant videos
• Google Drive for all my files
• All my studies on Udemy and Frontend Masters
• Fly.io and Vercel - An amazing hosting platform
• Cloudinary - Fantastic image hosting
• GitHub - Where I host my code. I also run CI/CD pipelines via GitHub Actions.
• I connect with tech communities Slack, Discord and Twitter
• Namecheap.com and Spaceship - Where I buy all my domain names.
• I listen to my podcasts on Apple PodCasts
• News feeds on Medium, Dev.to and Reddit
• My package Managers are Yarn and Pipenv
• Setapp - A fantastic app subscription service for Mac

Tech

• React - The most widely used frontend framework in the world
• Remix - The best framework to build a web app and now my favorite react framework
• NextJS - A great framework for building React apps
• Go - My favorite backend language
• Python - My favorite scripting language
• Prisma - A fantastic ORM for Node.js (I use it with Postgres/SQLite hosted on Fly.io).
• TypeScript - I can't imagine building JavaScript projects without TypeScript.
• Testing Library - A great testing library for anything that interacts with the DOM.
• Jest - A great testing framework.
• Cypress.io - I use this for E2E testing.
• MSW - Next generation API mocking.
• Prettier - I can't imagine life without it.
• Reach UI - An accessibility-focused set of easy-to-use and easy-to-style components.
• PostCSS - I only use these plugins: tailwindcss, autoprefixer, and postcss-import
• TailwindCSS - A great way to keep my styling consistent and stay productive.
• mdx-bundler - Compile and bundle your MDX files and their dependencies. FAST.
• Vite - A fast frontend build tool.
• Chakra-UI - A great component library for React.

Editor

• Pycharm - My favorite IDE for Python, Golang & Webstorm - My favorite IDE for JavaScript from Jetbrains are my current editor which I switched to in 2020 after years of using Visual Studio Code. I still use VSCode for markdown files and quick edits.
• I'm currently switching between Firefox Developer and Microsoft Edge. Currently, I use Arc as my main browser.
• Dank Mono font by Phil Plückthun
• I currently use Iterm2 as my terminal with Oh My Zsh for my terminal theme and plugins.

Chrome Extensions

• 1Password extension (desktop app required)
• Wappalyzer - Identify web technologies
• Testing Playground - Test your JavaScript in a modern JavaScript environment
• SEO Minion - SEO Minion helps you in your daily SEO tasks such as On-Page SEO analysis, Broken Link Checking, SERP Preview and more
• React Developer Tools
• Vue Developer Tools

Desktop Apps

• Firefox Developer
• Microsoft Edge Dev
• ARC Browser
• Raycast App
• CleanMyMac
• Bartender
• 1Password
• ITerm2
• Spotify
• Microsoft Teams
• Figma
• Slack
• Discord
• 4K Video Downloader
• Todoist
• Zoom.us
• Sip
• Front
• Setapp

CLIs

• Homebrew - The missing package manager for macOS (or Linux)
• npm-quick-run
• npm-check-updates
• pnpm
• yarn
• bundlephobia

Desk Setup

• MacBook Pro (16-inch, 2021) - My laptop. More stats:

  • Processor: 10 Core Apple M1 Max
  • Graphics: 32 Core Apple GPU
  • Memory: 64 GB
  • Storage: 1TB SSD
• I use SteelCase Adjustable Desk for my desk.
• I have Herman Kardon Onyx 5, Apple Airpods Gen 3 and Apple Airpods Max for music and everything sound.
• I use Logitech Master Keys for Mac for my mouse and Logitech MX Keys for Mac for my keyboard.
• I use dual monitors: DELL P2721Q Display Xiami 34" Curved Monitor Display