dsaltares/musicplayer-ui

Frontend for a simple music player app

musicplayer-ui

Frontend for a simple music player app. It uses OAuth2 to get tracks from a musicplayer folder in your Google Drive account. The UI is implemented with React and Material UI, whilst state is managed with Redux and thunk.

This project was bootstrapped with Create React App.

You will find the backend in dsaltares/musicplayer-server.

Setup

To get started, install the frontend dependencies.

npm install

Tests and linting

The frontend uses Jest as its testing Framework, to run tests and get a coverage report you can simply:

npm run test

For linting.

npm run lint

Running

Make sure you have an instance of musicplayer-server running and execute:

npm start

Improvements

Technical

• Security
  • The client communicates with the server via http and stores Google credentials in local storage. They should be communicating via https and credentials should be stored in a secured cookie.
  • The server should use JWT so that the client can veriry the Google token and trust the server.
• Quality
  • GoogleSignIn could be made more pure to better manage its state.

Features

• Use sockets not just for authentication but to provide real-time updates about other users.