nickolasbenakis / musicapp

web media player made with React.js 16.13, hooks, Context API and semantic markup

simpleMusic

Table of Contents

• Intro
• Install
• Build
• Deploy
• Run
• Optimizations

Intro

Production built is deployed : https://simplemusic.surge.sh/

simpleMusic is a single page application that play music. It is built in React with hooks and Context Api.React.js.

Features

• Built with bundler (create-react-app)
• Mobile-first design
• MediaPlayer
• Persist state on refresh

Install

To install, cd to project root and run:

$ npm install

Build

To build for production, cd to project root and run:

$ npm run build

Run

To run the app in development, cd to project root and run:

$ npm start

Deploy

Deploy this application with

$ npm run deploy

Optimizations

A few optimizations have been implemented to help improve the performance of the app, including:

• Global State with React Hooks ,Context Api with redux pattern [Action,Reducer,State].
• React.memo and useMemo for Optimal re-rendering