akshaaatt/musicbrainz-web-next

Web Application of MusicBrainz Revamp using Nextjs

MusicBrainz Web Interface using NextJs

MusicBrainz is the web frontend to the MusicBrainz Database and is accessible at http://musicbrainz.org.

Official work available at https://test.musicbrainz.org and repository at https://github.com/metabrainz/musicbrainz-server

This version at:

• https://musicbrainz-web-next.vercel.app
• https://musicbrainz-web.web.app

MusicBrainz is a user-maintained open community that collects music metadata and makes it available to the public in the form of a relational database. For more information, visit our website

To get help, please join #metabrainz on irc.libera.chat

Breaking changes to the database schema or our API / web service will be announced on our blog, so consider following that.

Installation

Full installation instructions are available in INSTALL.md.

Reporting bugs

Please report issues on our bug tracker.

License

MusicBrainz Server is released under the GPLv2 or later. See the license notice.

Further reading

• MusicBrainz Server
• MusicBrainz Database
• Database Schema

musicbrainz-web-next's Issues

Add a separator between cards in Projects section

https://community.metabrainz.org/t/musicbrainz-web-design-revamp/546366/89 mentions the issue in detail

Use React Font Awesome and remove the CDN

We want to integrate icons into this project using https://fontawesome.com/v5.15/how-to-use/on-the-web/using-with/react#using
and remove the CDN implementation we currently have.

Use https://coverartarchive.org for the carousel in the Intro Section

Currently, we use the iTunes API to present the top albums whereas we should be using CAA

Fix Profile Page

We need a better UI/UX for the profile page as compared to https://musicbrainz.org/user/akshaaatt
Also, we need to fetch user details dynamically.

Implement Login using MusicBrainz

For more information, have a look at https://musicbrainz.org/doc/MusicBrainz_API

Show search results in this web app instead of routing to musicbrainz.org

We have the Search API available at https://musicbrainz.org/doc/MusicBrainz_API

Update theme change method

Currently, we pass props to every component and update the theme from there, which is boilerplate code.
Maybe use a global context to avoid this?

Cleanup CSS

We have a lot of unnecessary css added which we don't even need. Need to cleanup to manage code.

Fix Dark/Light Mode for the Web App

A toggle button is present at the settings in https://musicbrainz-web-next.vercel.app/profile but it isn't persistent throughout.

Make a Generic Page for showing static data

We currently redirect to the mb official website for pages like:

• https://musicbrainz.org/doc/How_Editing_Works
• https://musicbrainz.org/doc/Editing_FAQ
• https://musicbrainz.org/doc/MusicBrainz_Database

We can structure a UI for this and showcase it natively in this version. Sounds like a one time task.

Fetch Latest News & Updates from blog.metabrainz.org automatically

https://musicbrainz.org fetches the latest blogs automatically whereas we currently have the news hard-coded.
We can use the Wordpress integration for this or have a look at the legacy code of https://github.com/metabrainz/musicbrainz-server