vinayakgavariya / playlistadda Goto Github PK

Reason/Context

Please try answering few of those questions

• Why we need this improvement?
  Improves the UI
• How will this change help?
• Better UX
• What is the motivation?
  Spotify scrollbar

Description

Please try answering few of those questions

• What changes have to be introduced?
  Just a segment of code in css file
• Will this be a breaking change?
  Not much

Describe the bug

A clear and concise description of what the bug is.
The Scroll to top button doesn't make any sense when user is already on the top of the page. Even if it's clicked, it won't scroll to anywhere.

How to Reproduce

Steps to reproduce the issue. Attach all resources that can help us understand the issue:

1. Go to https://vg-1.github.io/PlaylistAdda/
2. Click on the Scroll to top button when already on the top of the page.
3. See the bug

• Screenshots
• Link to GitHub repository with project that has issues
• Files that can help reproduce the issue, like your AsyncAPI file, either paste inside the issue in a code block or in a sharable gist

Expected behavior

A clear and concise description of what you expected to happen.
The scroll to top button should be visible only when user scrolls down.

Reason/Context

Please try answering few of those questions

• Why we need this improvement?
  New playlist
• How will this change help?
  Improve the list
• What is the motivation?
  Songs

Description

Please try answering a few of those questions

• What changes have to be introduced?
  HTML file updated
• Will this be a breaking change?
  No

The website looks a bit clustered on medium and small devices due to 4 cards being in the same row.
Make it responsive

Reason/Context

Please try answering few of those questions

• Why we need this improvement?
  It will enhance the user experience.
• How will this change help?
• It will help in having a responsive website.
• What is the motivation?
• It is more attractive.

Description

Please try answering few of those questions

• What changes have to be introduced?
• Changes in the html, css, js files.
• Will this be a breaking change?
• no
• How could it be implemented/designed?
• By putting a button.

Describe the bug

The repo itself is acceptable according to Hacktoberfest standards. But the PRs accepted for adding playlist to the website are not valid according to Hacktoberfest rules. This can get the repo itself excluded from Hacktoberfest.
These type of PRs should be given a label on invalid for Hacktoberfest so that the repo remains compliant with the rules and regulations of Hacktoberfest.

How to Reproduce

• Go to any PR which is for adding playlist to the website.

Suggested Solution

We should add a label of invalid to the upcoming PRs for adding playlist to the website. Something similar to the Eddiehub Community LinkFree repo. Here is the link https://github.com/EddieHubCommunity/LinkFree/issues.
The LinkFree is similar to the PlaylistAdda repo. But they are adding invalid label to issues and PRs for adding profiles to the repo.

Reason/Context

Please try answering few of those questions

• Why we need this improvement?
• for user friendly we can add bottom to top button
• How will this change help?
• User can easily go to top from bottom
• What is the motivation?

Description

Please try answering few of those questions

• What changes have to be introduced?

• Its just an example how button looks like
  

• Will this be a breaking change?

• How could it be implemented/designed?

@VG-1,Please assign this issue to me under hacktober fest.

Reason/Context

Please try answering few of those questions

• Why we need this improvement?
  Improper alignment not giving a better look to website
• How will this change help?
  I can resolve this issue by adding css
• What is the motivation?
  My motivation is to make website UI better

Description

Please try answering few of those questions

• What changes have to be introduced?
  all boxes to have same alignment
• Will this be a breaking change?
  No
• How could it be implemented/designed?
  It can be simply done by adding css

Please assign me this issue under Hacktoberfest2022?

Reason/Context

Please try answering few of those questions

• Why we need this improvement?
  ans: The UI of the project will be hugely affected in a positive way if we make this change.

• How will this change help?
  ans: It will give the user a visually aesthetic experience.

• What is the motivation?
  I am starting out in open Source and want to contribute and hone my skills and this particular feature is best- suited for that.

Description

Please try answering few of those questions

• What changes have to be introduced?

• ans: Scroll bar will be made visually attractive.

• Will this be a breaking change?
  ans: No this is a fairly safe change that can be made.

• How could it be implemented/designed?
  ans: I can make it using webkit-scrollbar properties in CSS

The div tag of some cards is misplaced align them and fix some of the broken links

Reason/Context

Please try answering few of those questions

• Why we need this improvement?
• How will this change help?
• What is the motivation?

Description

Please try answering few of those questions

• What changes have to be introduced?
• Will this be a breaking change?
• How could it be implemented/designed?

Reason/Context

Please try answering few of those questions

• Why we need this improvement?
  In this current version of the page, the heading (quote) is static. This one static quote in the heading makes the first view of the page less dynamic as well as unappealing to the users.

• How will this change help?
  It will enhance the UI of the webpage. It will ensure users to peek into the main slogans/quotes in the page hence making it more dynamic and giving a better user-experience.

Description

Please try answering few of those questions

• What changes have to be introduced?
  The heading quote "A place to share your playlists with your friends" has to be made dynamic where each letters appear one by one and subsequently more quotes are displayed one after the other in an infinite loop.

• Will this be a breaking change?
  No, it will just make the heading quote animated.

• How could it be implemented/designed?
  This can be achieved by adding some transitions and animations to the heading (quote) of the page,
  i.e, by adding some more styles/css in the style.css file and a pinch of JavaScript in in index.js file.

Screenshot

I would like to work on this issue under Hackteoberfest-2022, if this issue is accepted :)

Would be glad if you assign it to me @VG-1

Reason/Context

Please try answering few of those questions

• Why we need this improvement?

Currently, each playlist is added manually by users by directly editing the index.html file.
This can cause bugs as they can miss certain attributes for the html tags used to render the playlist.
Every playlist card has the same UI. The only things that are changing is the data specific to the user.

• How will this change help?

If we have a json file in which users can add their personal data, then it will greatly reduce the chances for mistakes in the index.html file. It will also be easier to update and maintain user data. They can easily change their data without affecting the original webpage.

• What is the motivation?

Currently the index.html file has a lot of duplicated code used to display the various playlists. This can be reduced by adding a json file to manage user data.

Description

Please try answering few of those questions

• What changes have to be introduced?
  Addition of a JSON file to keep important info about the users.
  Changes to the index.js file to create the playlist card dynamically and add it to the index.html file.
• Will this be a breaking change?
  No
• How could it be implemented/designed?
  Add a JSON file and use document.innerHTML properties to dynamically generate playlist cards.

I would like to work on this if this issue is accepted. Please assign it to me.

Describe the bug

A clear and concise description of what the bug is.

How to Reproduce

Steps to reproduce the issue. Attach all resources that can help us understand the issue:

• Screenshots
• Link to GitHub repository with project that has issues
• Files that can help reproduce the issue, like your AsyncAPI file, either paste inside the issue in a code block or in a sharable gist

Expected behavior

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

Website:- https://vg-1.github.io/PlaylistAdda/

Reason/Context

Please try answering few of those questions

• Why we need this improvement?
• How will this change help?
• What is the motivation?

Description

Please try answering few of those questions

• What changes have to be introduced?
• Will this be a breaking change?
• How could it be implemented/designed?

-fix broken spotify links
-footer is in between some playlists bring it to the bottom of the website.

Try checking some

I wanna add an contributing_es.md with spanish instructions for all non-native speakers like me. I think that this could help with more contributions

    I would like to change the color of Navbar as the background color and navbar color become same its not looking good.

Along with that i would like make small changes in the css of search bar.

Why we need this improvement?
As its difficult to figure out the navbar.
How will this change help?
I will differentiate the navbar and the body.
What is the motivation?
To look website better.

What changes have to be introduced?
In the CSS only.
How could it be implemented/designed?
By changing some CSS properties.

Originally posted by @harsitagarwalla187 in #42 (comment)

It will be great if you can add a header "Youtube Music Playlists" .

-a feature through which one can add their own playlist directly on website:- https://vg-1.github.io/PlaylistAdda/

Post title

Post description

Guide

Here are a few steps you can follow to write an AsyncAPI blog post:

1. After getting feedback on the issue, fork the website repository or open it in Gitpod. You can do that by prefixing the issue URL with gitpod.io/#.
2. Run the command npm run write:blog.
3. Run the website by using instructions from the README to test your changes.
4. Open a PR with your blog post and test your changes with a preview of the site on Netlify. If you use Gitpod, it will create a fork of the website repo for you before you create a PR.
5. Maintainers reviewing the article (e.g., language, images) may ask for improvements.
6. Once it's merged, it will be available live in production. 🚀

We encourage you to write a blog post and share it with the community. We can't wait to read it 😄!

I would like to share my spotify and youtube playlist to the website.

There are some YouTube playlist cards which have Spotify playlists.

I want to add a motivational YouTube playlist to this awesome website.

Reason/Context

Please try answering few of those questions

• Why we need this improvement?
• How will this change help?
• What is the motivation?
• Hey there,
• I think this feature will make the website more perfect and will attract user more
• Main motivation is to make it look much cooler and perfect

Description

Please try answering few of those questions

• What changes have to be introduced?

Generating colors with each different songs randomly automatic feature

Will this be a breaking change?
Yup, according to me

• How could it be implemented/designed?
  It can be easily implement using Javascript, frontend frame-work just a bit of inbuilt functions and few lines of code, OR if you want we can add a button for changing themes