This is a Next.js project bootstrapped with create-next-app.

Stack

• SomaFM API
• Next.js
• WebAudio API
• Zustand
• Sass

Main TODO list

• Utility functions
• Zustand Store
  • interfaces
  • states
  • actions
  • dev tools
  • rerender issues
• Main layout
• Core Components
  • Header
    • sidebar
      • toggles
      • useRef
      • channelsList
      • Search
      • FavButton
      • Sorting
      • Save Fav list
  • Main Content
  • Footer

Refactor to React best practices

• Utils
  • audio
• lib - refactor store
• interfaces - refactor types and interfaces
• components
• app router layout
• scss to tailwind