Skip to content

juliaDooby/React-music-app-2.0

Repository files navigation

React-music-app-2.0

Spotify

React Redux Toolkit Javascript CSS3 TailwindCSS Rapid-API Shazam-API ESLint

➤ Unfortunately, the free Shazam Core Api was made paid and the link-demo to the visual interface is not available today (I'll try to find a similar replacement)


Master modern web development by building an improved version of Spotify Music-app-2.0 with:


  • a modern homepage,
  • fully-fledged music player,
  • search,
  • lyrics,
  • song exploration features,
  • search,
  • popular music around you,
  • worldwide top charts,
  • and much more

Features:

Here's features included in this project

  • Discover Section
  • Rapid API Music Fetching
  • Loader Component
  • Error Component
  • Song Card Component
  • Play/Pause Functionality
  • Sidebar
  • Top Play Section
  • Top Chart Card
  • Top Artist - Swiper Component
  • Song Details Page
  • Artist Details Page
  • Around You, Top Charts & Artists
  • Search
  • Deployment

What - i-ve done and used :

  • React functional components and their reusability
  • React file and folder structure
  • Redux Toolkit to manage the state of application
  • mastery using Tailwind and make the app responsive on all devices
  • to fetch data from unlimited sources using RapidAPI.

Technologies Used:


  1. React.js
  2. Redux Toolkit
  3. RapidAPI - Shazam
  4. CSS
  5. Tailwind

How to start?


// first install all necessary dependencies

npm i

// next run

npm run dev