Feat: #94 complete Search Page Component

[CoderSwarup]

close #94

completed the Search result page as per ui requirement

Additionally implement The Features As

• Responsive
• Search Song
• play song
• Pause song

here is the Video for reference Video

also Additionally their is an No navigation apply on the react to switch the different page check this issue #105 that i purpose

to navigate search page
use /search
or their is button on the home page to navigate

i am waiting for your feedback Thanks

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
spring-music-player	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 15, 2024 9:00am
spring-music-player-3hyj	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 15, 2024 9:00am

[vercel]

@CoderSwarup is attempting to deploy a commit to the satyam1923's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Great job, @CoderSwarup! 🎉 Thank you for submitting your first pull request. Your contribution is valuable and we appreciate your efforts to improve our project.

We'd also like to invite you to our Discord server! Join us here.

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[Satyam1923]

I don't know the reason for now but hitting the button shows this error. I'll check the code after some time.

[CoderSwarup]

I don't know the reason for now but hitting the button shows this error. I'll check the code after some time.

Before directly check on the Deployed app please check on the local development mode

/ /For the Developement mode
   const fetchSongData = async () => {
   settoggleSidebar(false);
   setloading(true);
    try {
     const response = await axios.get(
    `http://localhost:5000/search`,
    {
        params: { song: searchQuery },
      }
     );
     setData(response.data);
  } catch (error) {
      console.error(error);
   }
    setloading(false);
  };

Try this for the Fetch song data in search Result page.JSX file

[CoderSwarup]

@Satyam1923 any update

[CoderSwarup]

@Satyam1923 hi any update from your side