Uses

Inspired by Wes Bos and Duncan Bain's website, here's my config, my tools, my daily carry and development stack!

Editor and Terminal

• Visual Studio Code - Visual Studio Code is a free source-code editor made by Microsoft for Windows, Linux and macOS.
  • Theme: Cobalt2 by Wes Bos
  • Extensions:
    • Bracket Pair Colorizer 2
    • Auto Rename Tag
    • Prettier: Code Formatter
    • Relative Path
• Starship Terminal - The minimal, blazing-fast, and infinitely customizable prompt for any shell!

Browsers

• Google Chrome
  • Extensions:
    • Wappalyzer
    • React Developer Tools
    • svg-grabber
• PolyPane - Design debugging and testing, with live reloading, accessibility testing and more.

Design Tools

• Sketch - Create, prototype, collaborate, and bring your ideas to life with this all in one tool.
  • Plugins:
    • Magic Mirror 3
    • Sketch Isometric
• Adobe Creative Cloud - Photoshop, Lightroom, Illustrator & After Effects
• SuperPosition - Extract design tokens from websites and use them in code and in your design tool.
• Coolors - Create the perfect palette or get inspired by thousands of beautiful color schemes.

Design Inspiration

• Dribbble - Arguably the home of designers online.
• Pages.xyz - A hall of fame for simply beautiful websites.
• Uplabs - A great place for designs along with their original files for download. Most of them are free.

Gear

• 2021 Macbook Pro
  • Apple M1 Max
  • 64 GB RAM
• iPhone 13 128gb
• Magic Mouse
• Keychron K2 - Wireless Mechanical Keyboard

This Site's Dev Stack

• Next.JS - A React based static site generator powered by GraphQL.
• Tailwind CSS - A utility-first CSS framework for rapidly building custom designs.
• Socket.io - Enables real-time, bidirectional and event-based communication.
• Firebase - Deliver web app assets with speed and security.
• Sentry.io - Open-source error tracking that helps developers monitor and fix crashes in real time.
• Vercel - A cloud platform for static sites and Serverless Functions.