https://github.com/vimalraj3/musicapp

This web app can search songs, create playlist and fav list 😉.
https://github.com/vimalraj3/musicapp

rapidapi reactjs redux reduxthunk reduxtoolkit typescript

Last synced: about 2 months ago
JSON representation

This web app can search songs, create playlist and fav list 😉.

• Host: GitHub
• URL: https://github.com/vimalraj3/musicapp
• Owner: vimalraj3
• Created: 2023-06-23T02:18:31.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-06-25T11:15:05.000Z (over 1 year ago)
• Last Synced: 2024-10-16T07:41:45.154Z (3 months ago)
• Topics: rapidapi, reactjs, redux, reduxthunk, reduxtoolkit, typescript
• Language: TypeScript
• Homepage:
• Size: 10.7 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Music app

![localhost_5173_ (6)](https://github.com/vimal-oneway/musicApp/assets/90978643/b4344e92-4cbd-4486-bf8a-3fbfec3c91bf)

I posted screenshots in screenshots dir [open screenshots](https://github.com/vimal-oneway/musicApp/tree/main/screenshots)

## Features

 * Playlists

    * Create ``multiple`` playlist

    * ``Delete`` playlist

    * add and remove ``songs`` in a playlist

 * Favourites

    * add song to favourite

    * remove song form favourite

 * You can `play music`, This app can redirect you to ``shazam`` website to play musics

## How to run this in my local computer?

### Client

1 install all packages

````

npm i 

````

if you don't install typescript, it can be install by following command

````

npm i typescript

````

2 run the web app in development by following comman 

````

npm run dev

````

3 For `build` the web app 

````

npm run build

````

___

###  Server

```

docker run -p 8080:8080 -e KEYCLOAK_ADMIN=admin -e KEYCLOAK_ADMIN_PASSWORD=admin quay.io/keycloak/keycloak:21.1.1 start-dev

```

for references:- 

[keycloak with docker](https://www.keycloak.org/getting-started/getting-started-docker)

## Cerdits

* Rest API Provider:- [Shazam-music-api](https://rapidapi.com/apidojo/api/shazam/)

* Auth With Keycloak:- [Keycloak](https://www.keycloak.org/)