Editor + Browser

• I use VS Code as my code editor with the GitHub Dark Theme.
• For icons, I prefer the Helium Icon Theme and font is Fira Code
• Internally I use Git Bash as my terminal.
• for extensions I also use Astro Support for Astro projects, Auto Rename Tags, Color Highlight, ES7+ React/Redux/React-Native snippets, Go Language Support,
• Headwind for Tailwind class sorting, Live Server is default obviously,
• Prettier - Code formatter with code formatting, Tailwind CSS IntelliSense for Tailwind Class hints
• This is my settings JSON

{
  "workbench.colorTheme": "GitHub Dark",
  "editor.fontFamily": "'Fira Code'",
  "editor.fontLigatures": true,
  "editor.lineHeight": 1.6,
  // "editor.mouseWheelZoom": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "window.zoomLevel": 1,
  "[astro]": {
    "editor.defaultFormatter": "astro-build.astro-vscode"
  },
  "[go]": {
    "editor.insertSpaces": true,
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "golang.go"
  },
  "workbench.iconTheme": "helium-icon-theme",
  "editor.linkedEditing": true,
  "editor.stickyScroll.scrollWithEditor": false,
  "workbench.tree.enableStickyScroll": false,
  "editor.stickyScroll.enabled": false,
  "breadcrumbs.enabled": false,
  "terminal.integrated.defaultProfile.windows": "Git Bash",
  "git.autofetch": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "editor.renderWhitespace": "none",
  "go.toolsManagement.autoUpdate": true,
  "editor.minimap.enabled": false,
  "svelte.enable-ts-plugin": true,
  "files.associations": {
    "*.mdoc": "markdoc"
  },
  "[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "editor.bracketPairColorization.independentColorPoolPerBracketType": true
}

• I use Microsoft Edge as Browser but it's having issue with console nowadays so I keep switching between Edge and Chrome.
• These are some Extensions I use WhatFont for font related utilities, Page Ruler has been a saver when working with pixel perfect UI Designs, and Page Screenshot for taking full page screenshots

Design Apps

• I am mostly using Photoshop for Design related stuff
• sometimes Canva if I feeling lazy,
• also Figma for most if the UI stuff, which I am trying to be good at slowly slowly.

Misc Apps

• For most of my note taking I am using Notion, I have been using it for years now and I am really comfortable with the Markdown based note taking
• On Phone, I am using ReadEra for books reading and Mihon for Manga Reading also CrunchyRoll for anime
• Recently switched to YTMusic for music, and VLC for Movies and Videos.
• For Downloaded song I use BlackEx player