faisalAkhtar / faMusic

🎵 A beautiful music player application built with ReactJS ⚛️

Home Page:https://faMusic.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

🎵 A beautiful music player application built with ReactJS ⚛️

https://faMusic.netlify.app/

License:GNU General Public License v3.0


Languages

Language:JavaScript 96.9%Language:HTML 3.1%