/oda-eddie-van-halen

This is a project to tribute Eddie Van Halen's all music career with his band. Last week He passed away and I decided to go with this project. RIP

Primary LanguageJavaScriptOtherNOASSERTION

Tribute to Eddie Van Halen

This is a project to tribute Eddie Van Halen's all music career with his band. Last week He passed away and I decided to go with this project. RIP

image

Click on the image to go to live demo

Video explanation

📽🎬

Built With

  • Node.js
  • React
  • Redux
  • CSS
  • ES6
  • Spotify API
  • Spotify web library
  • Genius API

Getting Started

In order to start with this project you need the next:

Download repository

Generate access tokens

Spotify

  • Go to the developer Spotify API endpoint page
  • Create an app you get
  • Fill the form and submit this one
  • At the end you will see two keys (CLIENT_ID and SECRET_ID)
  • On this project create a .env file
  • Create a key name called REACT_APP_CLIENT_ID and REACT_APP_CLIENT_SECRET
  • Copy your keys form the Spotify web page dashboard
  • Paste on each variable respectively

Remember: Spotify key has a limit time, however the app generates a token when the last is not invalid

This project was developed with the Spotify library, go check it out this is the documentation

Genius

  • Go to genius api documentation
  • If you don't have an account, create one
  • Click "manage client link"
  • Create new api client
  • Click generate access token
  • Copy the generated access token
  • On .env file add another key name called REACT_APP_GENIUS_KEY and paste the key

Run the project

  • Runs the app in the development mode.
    npm start
  • Open http://localhost:3000 to view it in the browser.
  • Follow the video instructions

Deployment

Deployed with Heroku

Authors

👤 Bertil Tandayamo

Issues

  • The application is only available from 1024px to up screen devices
  • Still not working on Firefox a property with grid-inline

Improvements

  • Make a RWD page
  • Fix Spotify API automatically generate token function

Acknowledgment

Inspired design by Heroink, Edoardo Benaglia and Petr Kudlacek

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

If you got until here, show your love hitting the ⭐️ button, I'd appreciate it.

To crete a pull request:

  • Clone this project and create another branch
  • Make the required changes
  • Send a pull request from the new branch

📝 License

This project is MIT licensed.