Add JSON file for adding playlists.

[utkarsh1311]

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.

[vinayakgavariya]

@utkarsh1311 go ahead

[utkarsh1311]

Working on it.

[futoid]

Hi @utkarsh1311 Are you still working in this enhancement?

[utkarsh1311]

Hey @futoid. Yes, I am working on this.