An application built using Next.js, Express.js, and PostgreSQL, showcasing top artists, albums, and song lyrics from Musixmatch API.
For the backend project, please follow this link.
- User authentication using JWT.
- Display top 25 artists.
- Show a list of albums per artist.
- Display song lyrics, handling special characters like '\n' for a better user experience.
- Responsive design with a modern UI.
-
Clone the repository:
git clone https://github.com/LightningDev/music-data-site.git
-
Navigate to the project directory and install dependencies:
cd music-data-site npm install
-
Setup Environment Variables:
- Rename
.env.local.example
to.env.local
. - Fill in the required variables such as
API_URL
- Rename
-
Start the development server:
npm run dev
Pull requests are welcome! For major changes, please open an issue first to discuss the changes you'd like to make.
This project is licensed under the MIT License.