Skip to content

Reactjs Project to show Pink Floyd's discography (Studio and live albuns), album details and songs in a player (react-player) 🚀

Notifications You must be signed in to change notification settings

denisfloyd/pinkfloyd-discography-reactjs

Repository files navigation

Marvel Logo

Denis Mendonça Ladeira Repository size GitHub last commit License Netfly

🎶 Pink Floyd's Discography Player 🎵
Embark on this journey to the Dark side of the moon 🌑 Enjoy.

Pink Floyd's Discography Player project. Built with ❤︎ by Denis Ladeira and contributors


Demo

📌 Table of Contents

💻 Technologies

This project was made using the follow technologies:

🚀 Features

  • List of all Pink Floyd's studio and live albums
  • Search album input
  • Navigation Left bar (Drawer)
  • Theme Switch
  • Music player *1
  • Responsible page (tablet)

** 1. The page load a youtube player contain album playlist. The player is hidden on the page.

👷 How to run

# Clone the project on your computer via Download (option Code -> Download ZIP)
    - If you want to do it with Git, make sure you have Git installed,
      follow the link https://git-scm.com/
    - then run the command in terminal:
        $ git clone https://github.com/denismend/pinkfloyd-discography-reactjs.git

# In the terminal or prompt(cmd), access the project root;
   $ cd pinkfloyd-discography-reactjs

obs. Make sure you have Node and npm installed in your computer. You can use yarn instead npm.

💻 Run Project

# Install Dependencies
$ npm install
or
$ yarn

# Run Aplication
$ npm start
or
$ yarn start

Go to http://localhost:3000/ to see the result.

🐛 Issues

Feel free to file a new issue with a respective title and description on the the Pink Floyd Discography repository. If you already found a solution to your problem, i would love to review your pull request!

🎉 Contributing

There are many forms to contribute with the project, first of all you can give this github repo a Star.

If you want do help with the code follow the steps bellow

# Fork using GitHub official command line
# If you don't have the GitHub CLI, use the web site to do that.
$ gh repo fork denismend/pinkfloyd-discography-reactjs

# Clone your fork
$ git clone {your-fork-url}
$ cd pinkfloyd-discography-reactjs

# Create a branch with your feature
$ git checkout -b {branch-name}

# Make the commit with your changes
$ git commit -m 'Feat: {feature-name}'

# Send the code to your remote branch
$ git push origin {branch-name}

📕 License

Released in 2020 📕 License

Made with love by Denis Ladeira 🚀. This project is under the MIT license.

About

Reactjs Project to show Pink Floyd's discography (Studio and live albuns), album details and songs in a player (react-player) 🚀

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages