# Uses 
### My Preferred Tools / Setup / Extensions For Front-End Web Development

## Hardware ##
💻 I prefer to use Macbook Pros, despite being forced to use Windows 10 by my employer. 😝  

🪛 My monitor is a SAMSUNG wide curved gaming monitor. It isn't sold anymore, but I'd buy another SAMSUNG monitor in a hot second.  

⌨️ Currently obsessed with [MX Keys by Logitech - MASTER Series](https://www.logitech.com/en-ca/products/keyboards/mx-keys-wireless-keyboard.920-009295.html?gclid=CjwKCAiAjoeRBhAJEiwAYY3nDL25ZNH0XoBu_8Cg3Z4KWbR_dbD2Qg_wtEgQtbHVGAvMO9MURW4_choCabgQAvD_BwE)  

🖱️ I LOVE the Mac Magic Mouse, but I've since switched over to [MX Anywhere 3 Mouse by Logitech](https://www.logitech.com/en-ca/products/mice/mx-anywhere-3-for-business.910-006204.html)  

🎧 I'm using an old Bose Quiet Comfort set from a few years ago, which I'm looking to replace them soon with [SONY WH-1000XM4 headphones](https://www.sony.ca/en/electronics/headband-headphones/wh-1000xm4). Mostly because I'm sick of my PC never auto-recognizing my headphones, and Mac overriding the bluetooth settings in my headphones!  

🔈 I don't really use it as a speaker for music so much, but I love my [Google Nest Mini](https://store.google.com/ca/product/google_nest_mini?hl=en-GB). I mostly use it to control my lights and lazily add calendar items to my Google Calendar.  

🔦 What hardware list would be complete without the cool coloured lights I have mounted on the back of my monitor? [Govee Flow Plus Smart LED Light Bars](https://www.amazon.ca/gp/product/B096WZXKZP/ref=ppx_yo_dt_b_search_asin_title?ie=UTF8&psc=1)  

🪑 I use a shitty Ikea desk which needs to be replaced, badly. And I also use an architecht's chair which can be used as a high chair or a low chair.  


## VSCode Extensions ##
🖱️ I develop using VSCode and it's various extensions.

Here are the VSCode extensions I use the most:

[Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)  
[Babel Javascript](https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel)  
[Diff](https://marketplace.visualstudio.com/items?itemName=fabiospampinato.vscode-diff)  
[ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)  
[Focused Folder](https://marketplace.visualstudio.com/items?itemName=rslfrkndmrky.rsl-vsc-focused-folder)  
[GitHub Codespaces](https://marketplace.visualstudio.com/items?itemName=GitHub.codespaces)
[gitignore](https://marketplace.visualstudio.com/items?itemName=michelemelluso.gitignore)  
[GraphQL](https://marketplace.visualstudio.com/items?itemName=GraphQL.vscode-graphql)  
[HTML Boilerplate](https://marketplace.visualstudio.com/items?itemName=sidthesloth.html5-boilerplate)  
[Hyper in VS Code](https://marketplace.visualstudio.com/items?itemName=LevitatingBusinessMan.hyper-vsc)  
[Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
[Lorem Ipsum](https://marketplace.visualstudio.com/items?itemName=Tyriar.lorem-ipsum)  
[npm](https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script)  
[PHPStorm Formatter](https://marketplace.visualstudio.com/items?itemName=animus-coop.vscode-phpstorm-formatter)  
[PostCSS Language Support](https://marketplace.visualstudio.com/items?itemName=csstools.postcss)  
[Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)  
[Regex Previewer](https://marketplace.visualstudio.com/items?itemName=chrmarti.regex)
[vs-code-styled-components](https://marketplace.visualstudio.com/items?itemName=mf.vscode-styled-components)  
[colorize](https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize)  
[Emoji Snippet](https://marketplace.visualstudio.com/items?itemName=doooreyn.emoji-snippet-vscode)
[Individual Emoji Commit](https://marketplace.visualstudio.com/items?itemName=fz6m.individual-emoji-commit)
 
## Apps ##
Project Management: [Trello](https://trello.com/)  
Code Management: [Jira](https://www.atlassian.com/software/jira)  
Window Management on Mac: [Magnet](https://apps.apple.com/ca/app/magnet/id441258766?mt=12)  
Communications: [Telegram](https://telegram.org/). 
Communications: [Slack](https://slack.com/)  

## Other ##
I'm new to developing with Arduino, but I'm excited to get moving with more C++ knowledge.