Link Search Menu Expand Document

Music Pattern Exploration - Frontend Server

Description

This repository contains source code for the frontend of the Polifonia Patterns UI Music Patterns Exploration project. It is built using Vue.js (@vue/cli 5.0.8) and communicates with a separate Python backend server which queries a knowledge graph for data. It features a ‘Search’ home page, Composition pages for each tune, Pattern pages, Tune Family pages and an About page. It is a tool that provides interactive network visualisations and tabular data to allow exploration and discovery of similar tunes across different traditional European music corpuses.

This software forms part of Polifonia Deliverable D5.6.

Prerequisites

  • Node.js and npm
  • Vue CLI 5.0.8

Installation

To install and run this project locally:

  1. Clone this repository:

    git clone git@github.com:polifonia-project/pattern-exploration-gui.git

  2. Navigate into the project directory:

    cd pattern-exploration-gui

  3. Install the necessary dependencies:

    npm install

  4. Start the server:

    npm run serve

The application will start and is accessible via http://localhost:8080 in your browser (or another port if 8080 is already in use).

Note: Make sure that the backend server is also running and accessible for the frontend to fetch data.

Backend Server

The frontend server communicates with a separate backend server.

Knowledge Graph

The interface uses data provided by the Patterns Knowledge Graph and the Tunes Knowledge graph.