Skip to content

joseandresgavilanes/spotify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation


Logo

Kruger Music (Spotify clone)

react redux react-router

πŸ’» Live Demo

🚧 Status: Building πŸš€ 🚧


Your favorite music all in one app

View Demo Β· Report Bug Β· Request Feature


Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. License
  7. Contact
  8. Acknowledgments


🎢 About The Project

This is an application designed to accompany you in your daily life. Here you can at first glance see the TOP songs worldwide and your own songs
Screen devices

What can you do?

  • You can search for any music or song, whether by artist, genre, country. 🎡🌎🎺🎀 πŸ‡ͺπŸ‡¨
  • Create your username and password with the characteristics for an artist.
    • In addition to having your favorite songs in the playlist, you can also put your own songs to create your own Album. πŸ€΅πŸŽ΅πŸŽ§πŸ’ƒπŸ•ΊπŸŽΆ

πŸ”¨ Built with

  • react
  • redux
  • react-router
  • vercel
  • jest

🀸 Getting Started

It's necessary to have git 😺 and node in your computer and an account in RAPID API!

πŸ‘¨β€πŸ’»β— Log in

# EMAIL
$ pepe@gmail.com
# PASSWORD
$ pepe1233456

πŸ’Ύ πŸ—„οΈ Installation

# Clone Repository
$ git clone https://github.com/joseandresgavilanes/spotify
# Go to server folder
$ cd spotify
# Install Dependencies
$ npm i
# Run Aplication with create react app
$ npm start
# .ENV variables
$ add your shazamCore KEY

⏩ Usage

  • Create an account: ✍🏼 [![Product usage Screen Shot][usage2-screenshot]]

  • Log in with your user account πŸ—οΈ

  • Enjoy your favorite music 🎡 α΄Ία΄Όα΅‚ α΄Ύα΄Έα΄¬α΅žα΄΅α΄Ία΄³β™«β™¬β™ͺ

  • In your Account edit your information πŸ“

  • Create your playlist πŸ“‹ ▢️ 🎡

  • Create your own Musical album πŸ“€


πŸ—Ί Roadmap

  • Select Theme of our application
  • Find APIs that suit our ideas
  • Check what information the API gives us
  • Brainstorm ideas for functionality and execution objectives.
  • FRONTEND FUNCTIONALITY:
    • Decide Visual Model to implement
    • Work methodology on Github
    • Folder Structure within the Application
    • Appointment standardization components and classes within the html
    • Component generation with the Sazham Core API
      • Show Global Songs
      • Search Component
      • Custom Playlist
  • BACKEND FUNCTIONALITY:
    • Select database
    • Api implementation with Springboot
    • Deploy and publish custom API for CRUD

πŸ™Œ Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

πŸ“œ License

Kruger music esa distribuida bajo los terminos de Apache License Version 2.0. La version completa de la licencia esta disponible en el archivo LICENSE de este repositorio. Cualquier contribucion a este proyecto sera licenciada bajo la licencia Apache License Version 2.0.


πŸ“« Contact

photo author

JosΓ© AndrΓ©s Gavilanes - Smiley

linkedin github


photo author

Adrian Bastidas

linkedin github


photo author

Alexander Cangas

linkedin github


Project Link: Kruger Music

Demostration Link: Kruger Music


ℹ️ Acknowledgments




Adrian Bastidas
Adrian Bastidas

πŸ’» Developer
Alexander Cangas
Alexander Cangas

πŸ’» Developer
Alexander Cangas
Jose Andres Gavilanes

πŸ’» Developer
Yuval Hazaz
Juan Sebastian Sotomayor

FrontEnd Kruger Mentor