On the Music Hub website, the UI of the sidebar is not very impressive. Here is a screenshot of the sidebar.

I think that when we are in the home page, we don't need the "home" in navbar. In the other pages also, we can use the logo and "Music Hub" to go to the home page.

Describe the bug

Twitter icon should be changed with the new one

To reproduce

1. Go to the footer section of any page
2. Locate the twitter icon

Screenshots

tesing the issue

In library and about us page , footer is not present on the bottom of the screen

It would be better if they are positioned on the bottom position

add a hacktoberfest tag!!
and assign me this

This great website has a typo in its footer.

It has the word "CopyRights" instead of "Copyright".

Please assign this to me under the Hacktoberfest label so this site can look even more polished.

Using the scrollbar beneeth the latest song creates a weird behavior to why i would remove it as part of the hacktoberfest challenge.
Clicking it has a weird animation and after a few seconds it skips some songs.

A play button should be added to the search list so that the song will be played.

For this website, we currently need to manually download music and add the data to the data.js file each time. To address this, consider integrating an API that allows the website to fetch music directly. This would facilitate an increase in the music collection on the website.

Please assign this issue to me. Please do add hacktoberfest labels.
Thank You!

there are 3 errors coming up in the browser console saying setting up the properties of undefined.
I can fix the issue.
please assign me the issue under hacktoberfest.

Ankit Kundu, I believe the paragraph intends to start with 'I am an..."

Very nice website by the way, I am trying to make my first PR with Hacktoberfest! :D

There is no footer section on the Music Hub website.

Add under Hacktoberfest!!!
https://drive.google.com/file/d/1XCuXVKm6fmM9903_GeqA7wmlCRC7NRCX/view?usp=sharing

For the Music Hub, consider adding a login and signup page. Place the login and signup buttons on the navbar. When the user clicks a button, a new login or signup page should open. Maintain a consistent theme with the main website and include the navbar on the new page, so that users can switch to another page on the website.

I seen that copyright year is not dynamic it fix 2023 and remain fix even in 2024 for making it dynamic give me this issue .

except home page the content of navbar is overflowing outside the navbar in tablet and mobile view in all other pages like (https://music-hub-10.netlify.app/dist/library).

in sort app is not responsive.
I can fix the issue please assign this issue to me under hacktoberfest2023.
Thank you :)

screenshot

to improve UI I think will be nice to have an home page animated icon gif

change the footer content when the device is less than 500. The previous coding was not looking so good when the screen width < 500.

When you scroll to the bottom of the About us page, the footer is offset, I can try to fix this for you! Just assign me if you'd like! :D

I had the idea to use Vite to make development easier:)

The respective song should be played if the play button is clicked

we can add a review section to know what else the visitors want to experience while browsing through.

When the link is clicked it should take the user back to the home page.

In the playlist section, there are very few options visible. Please add more options, such as:

• Shuffle music
• Play as a Queue
• Like any music
  and so on. Feel free to add other options if you'd like. Here is the screenshot of the playlist section

Hello. When I was at the search page for the website, I tried to press the navigation bar logo text "Music Hub" because it had a cursor just like the navigation bar logo which went to the homepage when clicked. However, clicking "Music Hub" did not go to the homepage like the navigation bar logo. May I please fix this issue for Hacktoberfest? Would you like the navigation bar logo to only be clickable or both, the navigation bar logo and the navigation bar logo text?

Footer of the application is not fixed to be the bottom when the content is not big enough to fill the screen. I would like to work on fixing this

Navigation is only responsive in home page. but as we move to other page like search,library and about us page navigation bar is not responsive

please, I will like to make the Header and Footer unique in all the pages, this can allow easy editing no need to copy and paste

Context

The sidebar under the carousel section does not look good and it also serves no purpose when there are buttons to slide the carousel

Would you like to work on this issue?

Yes

On the Music Hub, there is no 'like' button present on any of the song cards. Use local storage to store liked songs in the memory. Here is a picture showing where you should implement the 'like' button.

In the playlist Page

In the search Page

In the home page

The hover effect in Navbar is not looking good as its same for all the sections. Adding transitions would further improve the User Experience.
The width size in desktop was not looking good in my PC as the carousel looks good when extended to the full width and the width for the songs section is good.

The navbar section on the Music Hub website is not responsive. Here is a screenshot of the navbar

I want to add a Click event that shows on the music tab that the song as been selected.

Probably like a text color change and addition of the wavy bars on the song tab

On the Music Hub website, the UI of the search page is not impressive and does not match the theme of the main page.

It would be great if we use "Trending Songs" instead of Latest Song. Shall I change this?

Login and signup using firebase would be very convenient
I would like to implement this

This issue is about when user is on login page and he is trying to login but he has not register yet. Then, guide the user on login page he has to register first then login. And also changing the submit button text by login or signin.

Before

After

On the Music Hub website, the UI of the playlist button is not very impressive. Here is a screenshot of the button.

The home page section on the Music Hub website is not responsive. Here is a screenshot of the home page

• The song list item on search page should be in a better way like card of song can be in center.
• Also search bar can be styled more beautifully.
• Twitter logo can be changed to X.

Hey @aliveevie ,
I would like to make add hover effect to navigation buttons
Can you please assign this to me and label it as "Hacktoberfest-accepted".

On the playlist page, there is no 'liked songs' button present. Please add a 'liked songs' button and design it similar to the new playlist button. Place a like icon in the middle of the box. When we click this button, a new page will open and all liked music songs will be fetched. Here is a screenshot showing where you should implement this function.

The player section on the Music Hub is not very impressive. Please update the UI while maintaining the theme of the website. Additionally, feel free to incorporate some cool animations. Here is the Player section