clcp-spotify

2021-12-23 CLCP COMMUNITY DAY

Vflc's "productiVe Vscode badass setup" tour

VSCode settings

"editor.bracketPairColorization.enabled": true,
"editor.cursorSurroundingLines": 7,
"editor.formatOnSave": true,
"editor.hover.delay": 150,
"editor.mouseWheelScrollSensitivity": 2.5,

Extensions

• everyday-usage

  • aaron-bond.better-comments
  • esbenp.prettier-vscode
  • richie5um2.vscode-sort-json
  • streetsidesoftware.code-spell-checker
  • tyriar.sort-lines

• git

  • eamodio.gitlens
  • knisterpeter.vscode-commitizen
  • kenhowardpdx.vscode-gist
  • mhutchie.git-graph

• typescript

  • dsznajder.es7-react-js-snippets
  • aliariff.auto-add-brackets
  • mariusalchimavicius.json-to-ts

• http-requests

  • rangav.vscode-thunder-client

• vim

  • vscodevim.vim

Start building our project

• nodejs with typescript goes Brrrrr

  • https://github.com/jsynowiec/node-typescript-boilerplate

• spotify-web-api-node

  • https://developer.spotify.com/dashboard

  • https://github.com/thelinmichael/spotify-web-api-node

  • authorization code flow

    • https://developer.spotify.com/documentation/general/guides/authorization/code-flow/
    • https://github.com/sindresorhus/open
    • https://github.com/expressjs/express
    • https://github.com/szwacz/fs-jetpack

  • handle auth callback with express server

    • https://github.com/expressjs/express

• cli app with yargs

  • https://github.com/yargs/yargs

• publish what we just built to npm

  • https://github.com/sindresorhus/np

• (if we still have time) figlet.js & inquirer.js

  • https://github.com/patorjk/figlet.js
  • https://github.com/SBoudrias/Inquirer.js