Skip to content

🎵 A beautiful music player application built with ReactJS ⚛️

License

Notifications You must be signed in to change notification settings

faisalAkhtar/faMusic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

faMusic

GitHub GitHub package.json version GitHub release (latest by date) GitHub top language GitHub issues GitHub Pull Requests

A web based music player, which is a browser-native single page application (SPA), that uses the browser's native APIs to manage songs' playing environment. It can be very easily integrated to a backend service for authentication and fetching songs (something to do in the future). As of now, it takes a hardcoded login/pass and plays songs from a json in a file (static).

Key Features

An elegant login page with a different picture on the left everytime page reloads
A beautiful audio player with very subtle detailing and great UX
Supports multiple playlists which can be chosen from the button above
Native audio player in desktop browser's media tab and mobile browser's notifiaction bar
Great UX includes showing various states the audio player is in, to the user
Cross browser and screen-sizes functional

1.Phone
2. iPad
3. MacBook

Tech Stack

ReactJS + MaterialUI

Acknowledgements

  • Original idea for this application was of Shubhangi
  • Since no backend is used
    • The login module has hardcoded authentication as of now
    • The songs are served from a static JSON file

Licensing

GitHub

All scripts and markups in this repository are under GNU General Public License - Version 3