Skip to content

osmarpetry/black-spotify

Repository files navigation

Black Spotify

Travis Build Status

Application developed during the year 2019. The application shows the music album from Spotify.

My Lighthouse score is in the following image:

Black Spotify Lighthouse Score

What the project has

Today the project has:

  • Hosting on Firebase
  • Sentry for test tracking
  • Redux
  • CI/CD with Travis-CI
  • Webpack
  • Progressive Web App
  • Android and iOS build from the PWABuilder
  • React
  • Spotify API
  • Cypress for the E2E tests
  • Cucumber (BDD) for the Cypress
  • Mocha and Chai for the Unit tests

How to contribute to the project

To help, it is necessary to do the project setup, as instructed in the sub-topics below. However, it is necessary to first execute the fork of the application in the way is quoted in the following image:

Fork button on Github

Dependencies for installation You must have a version installed on your operating system, should chose the latest LTS version.

Search for the latest NodeJS  LTS version- https://nodejs.org/en/

The code can be edited in any text editor, however we recommend using the Visual Studio Code. Because it has several extensions that aid in the development.

Visual Studio Code

Installation Should do the download of the code using git, the code should be the fork you made earlier. Use the following command:

git clone https://github.com/YOUR_GITHUB_USER/black-spotify.git

Now navigate to the page and install the dependencies with the following command:

npm install

Finally, you can upload the project with the following command:

npm start

Then you will have access to the project in your browser, at the address: http://localhost:8080/

Webapp Opened on Development mode

Making PR to my branch Pull Request must be done by comparing the branch on your fork to my master branch. As you can see in the following image:

Branch comparison from master to the fork

Where I need help

Some things is not already done because need studies, to be done right. These things are:

  • Get Spotify token on background of Cucumber to the E2E with Cypress tool
  • Redux is always returning the last request you done, not the current you asked
  • Must be more responsive. It already is, but can be done better
  • Animations. Animations alwayis is welcome
  • Bug report button on the bottom
  • Staging and Homologation already exist, but is not working if CI/CD. Using the same project of Firebase if different domains

About

Open-source application from Spotify API

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published