Skip to content

Full-stack web app for searching/viewing info on musical artists, albums and songs

Notifications You must be signed in to change notification settings

tiagofragoso/FEUP-LAPD

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FEUP-LAPD

Project developed in the LAPD course @FEUP

musicl: Music information platform

musicl is a full-stack web application that merges data from different Music APIs to offer information on ALbums, Artists and Tracks as well as lyrics.

Data sources

  • Spotify API
  • Wikipedia API
  • Lyrics.ovh API

Disclaimer: The information provided by this application is owned by the APIs being used and credit should be given to the data sources.

Technologies

Backend:

  • Node.js
  • Express

Frontend:

  • React
  • Redux
  • MaterialUI

How to run

Requires Node.js >= v10

Frontend

Populate fe/.env with API_URL

cd fe
npm i
npm start

Backend

Populate be/.env with Spotify credentials

cd be
npm i
npm start # or npm run watch (uses Nodemon and restarts when code changes occur)

Screenshots

Home page

Home page

Search results

Search results

Artist page

Artist page Artist page expanded

Album page

Album page

Track page

Track page

About us page

About us

Developers

About

Full-stack web app for searching/viewing info on musical artists, albums and songs

Resources

Stars

Watchers

Forks

Languages