Spotify Widget

Full stack electron app

The spotify logo and a super cool looking widget on top of it
Electron
Vite
typescript
Solid

Fullstack Electron App for the macOS

Problem: I would be in the ZONE hammering out code and having a good time. I needed to save this song to a playlist! Sadly, finding my Spotify app and achieving this task would distract me and take me out of the zone.. womp, womp.
Solution: Create a widget that I can just keep in the menubar that does everything I need, quickly and effeciently. Switch songs (though I mainly use the keyboard for that), save songs to my library, add them to a playlist, or check out the album art in full size.
Buttery smooth animation

From start to finish the widget displays elegant and intuitive animations on tooltips, messages, and art expansion. 🧈

Buttery smooth animation

From start to finish the widget displays elegant and intuitive animations on tooltips, messages, and art expansion. 🧈

Key Points

  • Full stack Electron-based macOS application (Linux and Windows coming soon)

  • Buttery smooth animation using a perfect blend of CSS and Javascript (but really Typescript)

  • Designed and build 100% by me. (Though the design is Spotify inspired)

  • Personal project to test out Electron and SolidJS.

Ā©JW Development 2019–2023 • Resume