Hit the lights!
  • about
  • projects
  • blog
  • contact

Spotify Widget

Full stack electron app

The spotify logo and a super cool looking widget on top of it

Fullstack Electron App for the macOS

Electron
Vite
typescript
Solid
Repository
Full Writeup
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.

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.

Well, what are you waiting for?

Let's Chat

Ā©JW Development 2019ā€“2023 ā€¢ Resume
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. šŸ§ˆ

Next Project

OctoML Marketing Site

UI of OctoML