search

abhisheknaiidu / a-pop

🎶 HD Music Streaming and Sharing Web App
https://a-pop.abhisheknaidu.tech/
68 stars 39 forks source link
apollo apollo-client graphql javascript js music music-player reactjs spotify

readme

A-POP 🎶

contributions welcome Prettier ESLint Issues Pulls Stars Forks

A-POP is a HD Music Stream and Sharing Application 🎧 built in order to provide high sound clarity for Youtube or SoundCloud Songs and without ads and even video streaming!

Just Music and Chill 😉

It's actually a hack for students, to listen to songs and bgm's from Youtube without even buffering data for video streams and also can share with friends.

Table of Contents

Demo

View the application at a-pop

apop_demo

API is being hosted on Heroku using Apollo Client!

Technology Stack

Screenshot

It is built using GraphQL, Apollo Client, Material-UI and obviously React!

Technology Description Link ↘️
HTML5 Hyper Text Markup Language ----
CSS3 Cascading Style Sheets ----
JavaScript High Level, Dynamic, Interpreted Language ----
GraphQL Query Language for APIs https://graphql.org
Apollo Client State Management Library https://www.apollographql.com/docs/react/g
Material UI Material UI Framework for React https://www.apollographql.com/docs/react/

Installation & Usage

Ensure Node.js and NPM are installed

  1. Clone or Download the repository (Depending on whether you are using SSH or HTTPS)
git clone git@github.com:abhisheknaiidu/a-pop.git
cd a-pop
  1. Install dependencies
npm i
  1. Start the application
npm start

After the application starts visit http://localhost:3000 to view it in the browser.

Testing

Run the command npm test to run the tests

npm run build