osman-butt / musicbase-frontend

Frontend repository for MusicBase - build with Node.js, Express.js & MySQL database. See live:

MusicBase Frontend

MusicBase is a web application that allows users to search for artists, albums, and songs. It provides a user-friendly interface to explore and discover music.

Features

• Search for artists, albums, and songs
• View detailed information about artists, albums, and songs
• User-friendly interface for easy navigation

Deployed app

• See a live version of the frontend https://osman-butt.github.io/musicbase-frontend/
• Link to deployed backend https://musicbase-app.azurewebsites.net/api/v1
• The backend of this project is managed in a separate repository: https://github.com/osman-butt/musicbase-backend.

Getting Started

Prerequisites

Before you begin, make sure you have the following installed:

• Live Server extension for VS Code

Fork and Clone

• Fork the repository by clicking the "Fork" button in the top right corner of the GitHub page.

OR

• Clone the repository to your local machine using the following command in your terminal:

git clone https://github.com/osman-butt/musicbase-frontend.git

Running the App

Start the app using Live Server in Visual Studio Code:

1. Open the project in Visual Studio Code.
2. Right-click on index.html in the file explorer.
3. Select "Open with Live Server".

The app should now be running in your default web browser.

Local development

• First install the backend from here.
• Follow the Local installation guide from here
• Change the endpoint variable in the frontend project musicbase-frontend/modules/rest-services.js.
• The frontend now uses the local MySQL database.