Merge pull request #183 from Meetjain1/patch-1

Update README.md

README.md

@@ -1,13 +1,19 @@
-# ⭐️ Spring - Music Player ⭐️
+<div align="center">
+  <h1>⭐️ Spring - Music Player ⭐️</h1>
+</div>
+
 The Spring Music Player with JioSaavn API Integration is a web application that allows users to listen to their favorite music tracks using the JioSaavn music streaming service. It provides a seamless and user-friendly interface for discovering, playing, and managing music playlists.
 
+<hr>
 
 ##  ✨ Features  ✨
 - Music/Album/Playlists/Singer Search
 - Playback Controls
 - Top 10 search list
 - Loop Playback
 
+<hr>
+
 ## 🚀 Tech Stack
 
 **Client:** React, TailwindCSS
@@ -16,16 +22,21 @@ The Spring Music Player with JioSaavn API Integration is a web application that
 
 **API:** JioSaavn API (unofficial) - [API Link](http://jiosaavn-olj6ym1v4-thesumitkolhe.vercel.app)
 
+<hr>
+
 ## 🎨 Expected Design
 ![Screenshot 2024-05-13 143315](https://github.com/Satyam1923/Spring-Music-Player/assets/104068640/efe5fe9e-e049-4b00-bbd1-5182caff35de)
-Check the design in [Figma](https://www.figma.com/file/mrTzLDEAtHPOsDl99R3kOY/Spring-Music-Player?type=design&node-id=0%3A1&mode=design&t=WCOysEPxmfpAsN12-1)
 
+Check the design in [Figma](https://www.figma.com/file/mrTzLDEAtHPOsDl99R3kOY/Spring-Music-Player?type=design&node-id=0%3A1&mode=design&t=WCOysEPxmfpAsN12-1)
 
+<hr>
 
 ## 🌐 WebPage link
 
 Visit the Spring Music Player [here](https://spring-music-player.vercel.app/)
 
+<hr>
+
 ## 🛠️ Getting Started
 1. **Clone the repository**
 
@@ -123,8 +134,11 @@ npm install .
 cd  src
 ```
 7. change in app.jsx under app component  fetchSongData function
+
 change this url https://spring-music-player-3hyj.vercel.app/search with https://localhost:3030/search
 
+<hr>
+
 ## 🤝 Contributing
 
 Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
@@ -169,9 +183,61 @@ git push origin fix-issue-<ISSUE-NUMBER>
 ```
 8. **Open a Pull Request**
 
-
-
-
-
 **Feel free to enhance this project and contribute in any way you find valuable! 
 Let's make Spring Music Player even better together. 🎶✨**
+
+<hr>
+
+<!-- Open Source Programs -->
+  <div>
+    <h2><img src="https://github.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/blob/master/Emojis/Hand%20gestures/Flexed%20Biceps.png?raw=true" width="35" height="35" > Open Source Programs</h2>
+  </div>
+
+  <table border="1" cellpadding="10">
+        <tr>
+            <td rowspan="2">
+                <img src="https://github.com/Meetjain1/wanderlust/assets/133582566/21b2bc42-bdd5-487a-a083-1b262c2f6d9b" alt="GSSOC Logo" width="100" height="55">
+            </td>
+            <td>
+                <strong>GSSOC 2024</strong>
+            </td>
+        </tr>
+        <tr>
+            <td>
+                This project is part of GirlScript Summer of Code. We're excited to have contributions from the community to help make Spring-Music-Player even better.
+            </td>
+        </tr>
+    </table>
+
+<hr>
+
+<!-- Code of conduct -->
+<div>
+<h2><img src = "https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Hand%20gestures/Handshake.png" width="35" height="35"> Code of Conduct</h2>
+</div>
+
+Please note that this project is released with a [Contributor Code of Conduct](./CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.
+
+<hr>
+
+<!-- License -->
+<div>
+<h2><img src = "https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Objects/Page%20with%20Curl.png" width="35" height="35"> License</h2>
+</div>
+
+This project is licensed under the [MIT License](./LICENSE).
+
+<hr>
+
+ <!-- Cotributors -->
+<div>
+  <h2><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Red%20Heart.png" width="35" height="35"> Contributors</h2>
+</div>
+
+Thank you for contributing to our project! Your support is invaluable in enhancing Spring-Music-Player and making it even better. 😊
+
+<center>
+<a href="https://github.com/Satyam1923/Spring-Music-Player/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=Satyam1923/Spring-Music-Player" />
+</a>
+</center>