baekusboo / music-website Goto Github PK

Describe the bug
Cards are aligned towards the right of the webpage.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Music World Webpage'
2. Scroll down

Expected behavior
Cards should be aligned towards the center.

Screenshots

Describe the bug
Suggested by text is light colored in light bg. Text color is white. Thus the text is not visible in dark mode.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Music World Webpage'
2. Change theme to dark
3. Observe the text in the cards

Expected behavior
Suggested by text color should be changed, such that it's visible in dark mode also.

Screenshots

Describe the bug
Duplicate cards are present.

Expected behavior
No cards should be repeated. Duplicates should be removed.

Screenshots

Describe the bug
The search box filters the cards based on the username. It is case-sensitive.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Music World Webpage'
2. Search name 'sai'
3. Observe that no card is visible

Expected behavior
The search bar should not be case-sensitive.

Screenshots

Describe the bug

Horizontal scroll is present with subtitle animation
https://streamable.com/jprdgq

To Reproduce
Steps to reproduce the behavior:

1. Refresh page
2. Scroll sideways before the subtitle animation is complete

Expected behavior
No sideway scroll

Screenshots

Additional context
Add any other context about the problem here.

Is your feature request related to a problem? Please describe.
The idea is good but we can enhance the UI

We can make small changes here and there , for eg. use gradient color as background and style the heading

Describe alternatives you've considered
Rest seems good, very linear site so we should leave it be

Describe the bug
The icon showed while changing themes is not changed properly. Only the moon icon is showed both in dark and light mode.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Music World Webpage'
2. Change theme
3. Observe the theme icon

BUG Screenshots
In Dark mode

In Light mode

Expected behavior
The theme icon should be sun in dark mode and moon in light mode as in below pics.

In Dark mode

In Light mode

whenever you swipe up the navbar disappear so i want stick at on place and the content move

Describe the bug
The contributor's name and the like button are not aligned properly in the same line. When the name is too long, the position of the like button is changed.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Music World Webpage'
2. Scroll down
3. Observe the card UI

Expected behavior
The contributor's name and the like button should be aligned properly in the same line. For each card, fix the position of the like button at left with required margin and padding. It would be better to align the "suggested by NAME" left. Any unique idea will be appreciated to fix this issue.

Screenshots

Enhancement of the site to make it look good and modern as New Age websites

example:

Is your feature request related to a problem? Please describe.
The current version of the music website repository features a scroll-to-top button but lacks a progress bar. This absence diminishes the user experience as there's no visual indication of the progress while scrolling, impacting the overall navigation and user engagement.

Describe the solution you'd like
I propose adding a more enhanced scroll-to-top button, coupled with a progress bar. This addition will provide users with a visual cue, enhancing their navigation experience on the site. The progress bar will indicate the user's position on the page, ensuring better orientation and understanding of their location within the content.

Describe alternatives you've considered
One alternative could be solely adding a progress bar without integrating it with the scroll-to-top button. However, the combined functionality will offer a more cohesive and user-friendly experience.

Additional context
There's an opportunity to significantly improve user experience by integrating a scroll-to-top button with an accompanying progress bar. Screenshots showcasing the current scroll-to-top button and the proposed design can be provided to aid in visualizing the suggested improvement.

This enhancement aims to better engage users and provide a more intuitive and informative navigation experience on the music website repository.

Kindly assign this issue to me @aasthaanand09 so I can contribute to implementing this feature.

Thanks and Regards,
@aasthaanand09

example:

toggle theme logo position example:

@baekusboo can you please assign me this issue?

Describe the bug
The space between each row of the cards are more.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Music World Webpage'
2. Scroll down

Expected behavior
Space between each row of the cards should be reduced and kept minimum.

Screenshots

Describe the bug
The search icon is outside the search bar and doesn't look good . I want to place this icon in the search field so that UI of the website looks more good.

Right now there is not back to top button user has to scroll all the way till top again which is kind of frustrating.
Please assign me this task under hacktober-accepted!

Is your feature request related to a problem? Please describe.
I've noticed that every time we add a new user to our platform, we manually update the HTML to reflect this. This method is time-consuming and prone to errors, leading to inconsistent user data representation. I'm always frustrated when I have to sift through lines of hard-coded HTML just to add or modify a user detail.

Describe the solution you'd like
I suggest we implement a dynamic user listing mechanism. Instead of hard coding user details in HTML, we can maintain a JSON file or fetch data from a backend API. Our frontend can then use JavaScript to dynamically generate user listings based on this JSON data. This will make our application more maintainable, reduce redundancy, and decrease the chances of manual errors.

Please assign me this under hacktoberfest!

I want to enhance the UI of the song cards and make them look much more vibrant and less congested.
Please assign this issue to me under hacktoberfest 2023.

When we turn the theme to dark mode, visibility issues are in the card's bottom text. For your reference, I am attaching the screenshots.

Is your feature request related to a problem? Please describe.
Scrolling to the top of the website from the bottom is hard to do manually. It's hectic especially when there are more and more cards added to the webpage everyday!

Describe the solution you'd like
Adding some icon at the bottom of the webpage to get to top of the webpage instantly.

Describe alternatives you've considered
Maybe adding an arrow shaped icon would be better.

The footer is not properly made and it needs major enhancements.

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Describe the bug

In dark mode, Like button colour is light colored. Color is grey. Thus the button/icon is not visible in dark mode.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Music World Webpage'
2. Change theme to dark
3. Observe the like button colour in the cards

Expected behavior
In dark mode, Like button/icon color should be changed, such that it's visible in dark mode also.

Screenshots

Is your feature request related to a problem? Please describe.
NO

Describe the solution you'd like
Need to add like button
Filter and search for songs

Describe alternatives you've considered
No

Additional context
No