Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Web app that enhances your music listening experience by providing musicological and cultural context for any track.

Notifications You must be signed in to change notification settings

ruarim/linear-notes

Repository files navigation

Liner Notes

Screenshot 2026εΉ΄02月17ζ—₯ at 15 57 27

A powerful web application that enhances your music listening experience by providing deep musicological and cultural context for your currently playing Spotify tracks, powered by Google's Gemini AI.

πŸš€ Features

  • Real-time Spotify Integration: Connects to the users Spotify account to analyse their library.
  • AI-Powered Deep Research: Uses Google Gemini and AI-integrated Google Search to analyse:
    • Album Context: Critical reception, production style, and release history.
    • Personnel & Places: Details on producers, musicians, and studios.
    • Artist Biography: Focused on the artist's career during the specific era of the song.
    • Cultural Context: Explores the musical scene, genre movements, and cultural climate.
  • Curated Recommendations: Get actionable suggestions for related albums, tracks, books, films, and TV shows.
  • Track History: Keeps a record of previously analysed songs for easy reference.
  • Graph View: Graph representation of realted tracks via intersection of tags.
  • Real-time Updates: Uses Server-Sent Events (SSE) to stream analysis results as they are generated.

πŸ›  Tech Stack

Backend

  • Core: Node.js, Express, TypeScript
  • AI: Vercel AI SDK
  • Caching/Storage: Redis
  • Auth: Spotify OAuth 2.0 & JWT sessions

Frontend

  • Framework: React, Vite
  • Styling: Tailwind CSS 4
  • Components: Radix UI
  • Icons: Lucide React

πŸ“‹ Prerequisites

Before you begin, ensure you have the following:

βš™οΈ Setup & Installation

  1. Clone the repository:

    git clone <repository-url>
    cd liner-notes
  2. Install dependencies:

    # Install root dependencies (Backend)
    npm install
    # Install UI dependencies
    npm install --prefix ui
  3. Configure Environment Variables: Create a .env file in the root directory based on .env.example:

    SPOTIFY_CLIENT_ID=your_spotify_client_id
    SPOTIFY_CLIENT_SECRET=your_spotify_client_secret
    DOMAIN={ngrok https tunnel domain}
    GOOGLE_GENERATIVE_AI_API_KEY=your_google_ai_key
    REDIS_URL=redis://localhost:6379
    JWT_SECRET=your_random_jwt_secret
  4. Running the Application:

    # Starts both backend and frontend in development mode
    npm run dev

    The application will be available at http://localhost:8080.

🚒 Deployment

The project includes a deploy.sh script for deploying to Google Cloud Platform (GCP). It handles building the UI, the backend, and pushing the final bundle.

./deploy.sh

πŸ“„ License

This project is licensed under the ISC License.

About

Web app that enhances your music listening experience by providing musicological and cultural context for any track.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /