Resolved Issue #4

[Jainil2004]

DESCRIPTION OF THE PULL REQUEST

The goal of this PR is to enhance the Layout of the project by adding tabbed nav links

CHANGES MADE

• [x] added Buttons for player_tabs
• [x] added style for the nav buttons
• [x] added tabs.js to make the buttons functional
• [x] added text info for easy use

DESCRIPTION OF THE CHANGES MADE

• [x] added Buttons for player_tabs :

• based upon the request tabbed buttons were added to make navigation on page easier and also improve style

• [x] added style for the nav buttons :

• This change was done so as to improve the overall style as well as make the buttons blend in with the rest of the project.

• major changes were around the buttons i.e adding different style

• [x] added tabs.js to make the buttons functional :

• added logic to implement the working of the buttons

• added logic to make the UI more alive and easy to use for the user

• [x] added text info for easy use :

• added textual information to make the use of the project easy and straightforward for the user

RELATED ISSUES

• [x] resolves issue #4

SCREENSHOTS (IF ANY)

1. buttons and text for nav

2. user experience hovering over the bold text ("nav bar") highlights the header directing the user

CHECKLIST

• [x] I have read the [CONTRIBUTING.md]
• [x] I have followed the [CODE_OF_CONDUCT.md]

[netlify[bot]]

✅ Deploy Preview for coding-playlists ready!

Name	Link
🔨 Latest commit	174cb61aa732b5e605cfaa83fafde16b76a5b3d3
🔍 Latest deploy log	https://app.netlify.com/sites/coding-playlists/deploys/65d4df38bd6a400008df9886
😎 Deploy Preview	https://deploy-preview-40--coding-playlists.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Jainil2004]

Thanks for this it looks great and much easier to navigate between the content!

I reviewed and suggested some changes. Please can you also add in one more update to the code so that the Spotify button is highlighted on the page load?

i am trying my best to address this but i am facing troubles because whatever I am trying ends up breaking other components.

[gracekishino]

@Jainil2004 thanks for making all the updates! No worries about highlighting the spotify button on load, I will take a look and see if I can figure a way to get it to work. I think your work for this will really improve the site so I'll merge in the changes now.

It's alright this time, but next time you make a pull request please can you create new branch for the pull request (called something like 4-add-tabs) and request to merge that rather than from your main branch? Thanks!