Menu Close

Kruger Music – A Spotify clone Built with React and Redux

Kruger Music - A Spotify clone Built with React and Redux


Logo

Kruger Music (Spotify clone)

react
redux
react-router


spotify-rose-one.vercel.app/


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

!![KRUGER MUSIC]

Esta es una aplicacion pensada para acompañarte en tu dia a dia.
Aqui puedes a primera vista mirar las canciones TOP a nivel Mundial y tus propias canciones

Screen devices

What can you do?

  • Puedes buscar cualquier musica o canción, sea por artista, genero, pais. 🎵🌎🎺🎤 🇪🇨
  • Crear tu usuario y contraseña con las caracteristicas para un artista.
    • A demas de tener tus canciones preferidas en la lista de reproduccion, tambien podras poner tus propias canciones para crear tu propio 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

  • Crear una cuenta: ✍🏼
    [![Product usage Screen Shot][usage2-screenshot]]

  • Ingresa con tu cuenta de usuario 🗝️

  • Disfruta de tu música preferida 🎵 ᴺᴼᵂ ᴾᴸᴬᵞᴵᴺᴳ♫♬♪

  • En tu Cuenta edita tu informacion 📝

  • Crea tu lista de reproduccion 📋 ▶️ 🎵

  • Crea tu Propio album Musical 📀

💻 Live Demo

🚧 Status: Building 🚀 🚧

Deploy

Video funcionamiento

🗺 Roadmap

  • Seleccionar Tema de nuestra aplicación
  • Buscar Api que se adapten a nuestras ideas
  • Revisar que informacion nos da el Api
  • Realizar lluvia de ideas para la funcionalidad y onjetivos de ejecución.
  • FUNCIONALIDAD FRONTEND:
    • Decidir Modelo Visual a implementar
    • Metodologia de trabajo sobre Github
    • Estructura de Carpetas dentro de la Aplicacion
    • Estandarizacion de nombramiento
      componentes y clases dentro del html
    • Generación de componentes con el Api Sazham Core
      • Mostrar Canciones Global
      • Componente de Busqueda
      • Playlist personalizada
  • FUNCIONALIDAD BACKEND:
    • Seleccionar base de datos
    • Implementación Api con Springboot
    • Deploy y publicación del Api personalizada para 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

Fantasy Team 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

Video Demostration Link: Kruger Music

ℹ️ Acknowledgments

Adrian Bastidas
Adrian Bastidas

💻 Desarrollador
Alexander Cangas
Alexander Cangas

💻 Desarrollador
Alexander Cangas
Jose Andres Gavilanes

💻 Desarrollador
Yuval Hazaz
Juan Sebastian Sotomayor

FrontEnd Kruger Mentor
View Source Code
Posted in React, Redux