đŸŸĸ Music player app with a modern homepage, fully-fledged music player, search, lyrics, song exploration features, search, popular music around you, worldwide top charts, and much more.

Overview

Music-player-app

see the project here.

music-player-app

1. Key Features

2. Technologies I've used

Key Features:

đŸŸĸ Fully responsive clean UI.

đŸŸĸ Entirely mobile responsive.

đŸŸĸ spotify like music player.

đŸŸĸ Fully functional music player that allows you to go to the play and pause, previous song, next song, repeat, shuffle, fast forward and change volume.

đŸŸĸ We can search music, singer or album.

đŸŸĸ we can select any music genre.

đŸŸĸ Get the top songs in top charts tab.

đŸŸĸ Get the most popular artists in top artists tab.

đŸŸĸ Click the artist, you'll get the other related songs of that artist.

đŸŸĸ Click the song details, you'll navigate to the song details page where we can get the song lyrics and other related songs.

đŸŸĸ In around you tab, you'll get the popular music of the country you live in.

    *** I made it specifically for India by default, because I was getting some error from api end, while fetching the country name.

âŦ† Back to Top

Technologies I've used:

🔷  React => Entire front-end design of this app is made by Reactjs.

🔷  TailwindCSS => CSS utility class.

🔷  react-icons => icons.

🔷  React-router => navigate among views of various components.

🔷  redux toolkit => for state management.

🔷  Shazam Core => rapid api to get the songs.

âŦ† Back to Top

You might also like...

Base Rails app that includes login, social login, homepage, and basic model for serving as a scaffold app.

Base Rails app that includes login, social login, homepage, and basic model for serving as a scaffold app.

Rails7Base I created the Rails7Base as a scaffold application. Countless times, I had to create apps that must have the following features: Login syst

Jul 2, 2022

ln-charts parses the output of bos accounting commands into various charts for your Lightning Node.

ln-charts parses the output of bos accounting commands into various charts for your Lightning Node.

ln-charts ln-charts parses the output of bos accounting commands into various charts for your Lightning Node. It runs on Angular, JS, HTML, CSS, ngx-c

Dec 18, 2022

It's a wrapper for tononkira.serasera.org (Lyrics database for Malagasy Songs)

Tonokira-Ts It's a wrapper for tononkira.serasera.org (Lyrics database for Malagasy Songs) đŸ“Ļ Install npm i tonokira #or yarn add tonokira 🚀 Usage

Aug 19, 2022

JIT Compiler is a open source online code compiler. You can run more than 40+ most popular programming languages in your browser just-in-time using jitcompiler.

JIT Compiler is a open source online code compiler. You can run more than 40+ most popular programming languages in your browser just-in-time using jitcompiler.

JIT Compiler is a open source online code compiler. You can run more than 40+ most popular programming languages in your browser just-in-time using jitcompiler.

Jan 5, 2023

A fully responsive React app that allows you to search for movies from Movie Database.

A fully responsive React app that allows you to search for movies from Movie Database (IMDB Alternative).

Jul 16, 2022

đŸ“Ļ Fully typed and immutable store made on top of Immer with mutation, action, subscription and validation!

Riux is a fully typed and immutable store made on top of Immer with mutation, action, subscription and validation! Table of contents 👀 Installation U

Aug 27, 2022

A pomodoro web app with features like always on top PIP mode!

A pomodoro web app with features like always on top PIP mode!

Tomodoro A pomodoro web app with always on top mode! Features: Clean UI(Inspired from other pomodoro apps like Pomotroid) Themes Works Offline PIP/Alw

Dec 24, 2022
Owner
suraj ✨
Always ready to Learn, UnLearn and ReLearn.👾
suraj ✨
đŸŽĩ simple and RESTful API for getting lyrics of any song made using Next.js and ChakraUI.

playground . guide . discord Overview Lyrist is a simple yet powerful RESTful API for getting lyrics of any song using song name and it's artist name.

ashish 21 Dec 17, 2022
Lorem Ipsum but it's song lyrics đŸŽĩ

What is Lyricsum? Lyricsum is a new way to generate placeholder text. It's a website that takes the lyrics of your favorite artists' songs and convert

Anshul Saha 29 Jun 3, 2022
A fully-fledged Hardhat project template based on TypeScript.

Fully-Fledged Hardhat Project Template Based on TypeScript Installation It is recommended to install Yarn through the npm package manager, which comes

Pascal Marco Caversaccio 75 Dec 21, 2022
The fastest way to get started with a fully-fledged web3 frontend

create-web3-frontend The fastest way to get started with a fully-fledged web3 frontend setup consisting of Next.js, wagmi and Tailwind CSS. npx create

Dhaiwat Pandya 153 Dec 28, 2022
A full fledged social media app for foodies :)

Foodzo Site is deployed on netlify : https://fooodzo.netlify.app/ and Server is deployed on heroku. This website is basically a social media for all t

Raunak Agarwal 12 Oct 1, 2022
NoExGen is a node.js express application generator with modern folder structure, namespace/project mapping and much more! It contains preconfigured Settings and Routing files, ready to be used in any project.

Installation $ npm install -g noexgen Quick Start You can use Node Package Execution to create your node-express application as shown below: Create th

Souvik Sen 7 Oct 8, 2022
The world of cryptocurrencies is diverse and becoming more and more popular

We are providing an user with a simple learning resource for an intro into the CryptoCurrency World. Along with a community grown message board to assist with further learning.

null 3 Jun 20, 2022
An exploration of the Micro-Frontends

jpgs-micro-web English | įŽ€äŊ“中文 With the development of the business and the formalization of the medium-to-long term plan, the team established a key t

扭不åŧ€åĨĨ刊åĨĨ 10 Nov 2, 2022
"Jira Search Helper" is a project to search more detail view and support highlight than original jira search

Jira Search Helper What is Jira Search Helper? "Jira Search Helper" is a project to search more detail view and support highlight than original jira s

null 41 Dec 23, 2022
All in one YouTube App with downloader , background player and many more features.

YT PRO Download YT PRO Features Video Downloader Ads Blocker Picture in Picture Mode Shows Number of Dislikes Background Audio Player Auto Updation of

Prateek Chaubey 22 Dec 31, 2022