oliver bryan icon

oliver bryan

 |

Wiskatron

Wiskatron project icon

February 2024 - Source Code

ReactSpotify APITypeScriptWeb

Spotify listening activity web app with dynamic visuals, built with Next.js.

Key features

  • Live fetch from Spotify API
  • OAuth 2.0 authentication
  • Dynamic colour palette extraction
  • Smooth song transitions

Technologies

  • Next.js + TypeScript
  • Spotify API
  • OAuth 2.0 with fastify
  • Next.js Server-side rendering & API routes
  • Colour palette extraction with node-vibrant

Screenshots

Example 1 Example 2 Example 3 Example 4 Example 5 Example 6

Oliver Bryan - February 2024 - Source Code