Music Collection

Music Collection is a demo app with a frontend written in NextJS, and the backend API written using NestJS.

Frontend

The frontend app can be accessed at https://music.anatid.net/album, showing a list of Albums added through the app. Clicking on the (+) symbol will allow the user to add an Album with the attributes of Album Title, Artist and Genre. Each Album listed also has controls for editing and deleting. (TODO: Add dialog to warn of deletion). Clicking on the Album Title will allow the user to view the full track list, showing each Songs Title, Duration and Track number. The user can also add, edit or delete each Song. (TODO: Add dialog to warn of deletion). Messages from the API are returned to the user via a Toast style pop-up. (TODO: Authentication, User Accounts)

Backend

The backend API can be accessed at https://api.anatid.net/album and https://api.anatid.net/song, showing the GET requests of the API in the browser.

Swagger Docs are available at https://api.anatid.net/api showing all endpoints for GET, POST, PUT and DELETE.

Docker

The frontend and backend are built as Docker Images, running with Docker Compose behind a Swag based reverse proxy to enable SSL provided by LetsEncrypt, with the API suppored by a Postgres database for persistence.

services: music-collection-frontend: image: git.anatid.net/tabris/music-collection-frontend:main restart: unless-stopped depends_on: - music-collection-backend networks: - frontend

music-collection-backend: image: git.anatid.net/tabris/music-collection-backend:main restart: unless-stopped environment: - DB_NAME=${MUSIC_DB_NAME} - DB_USER=${MUSIC_DB_USER} - DB_PASSWORD=${MUSIC_DB_PASSWORD} - POSTGRES_HOST=${POSTGRES_HOST} - POSTGRES_PORT=${POSTGRES_PORT} - PORT=3000 depends_on: - postgres networks: - frontend - database

postgres: image: postgres:17.4 restart: unless-stopped environment: - PUID=${POSTGRES_PUID} - PGID=${POSTGRES_GUID} - POSTGRES_USER=${POSTGRES_USER} - POSTGRES_PASSWORD=${POSTGRES_PASSWORD} volumes: - ./data/postgres/data:/var/lib/postgresql/data:rw - ./data/git/anatid-config/init/create-multiple-postgresql-databases.sh:/docker-entrypoint-initdb.d/create-multiple-postgresql-databases.sh:ro networks: - database

swag: image: lscr.io/linuxserver/swag:3.2.0 cap_add: - NET_ADMIN environment: - PUID=${SWAG_PUID} - PGID=${SWAG_GUID} - TZ=Europe/London - URL=${SWAG_DOMAIN} - SUBDOMAINS=${SWAG_SUBDOMAINS} - VALIDATION=${SWAG_VALIDATION} - DNSPLUGIN=${SWAG_DNS_PLUGIN} volumes: - ./data/swag/config:/config:rw - ./data/git/anatid-web/user:/config/www/user:rw ports: - 80:80 - 443:443 networks: web: frontend: aliases: - api.anatid.net - anatid.net restart: unless-stopped networks: web: external: true driver: bridge database: external: false frontend: external: false