https://github.com/josafamarengo/angular-spotify

Angular application that consumes the Spotify API to provide a personalized music experience to users. The application features search for songs, artists and playlists, as well as playback control and management of personalized playlists.
https://github.com/josafamarengo/angular-spotify

angular frontend spotify spotify-api

Last synced: 8 months ago
JSON representation

Angular application that consumes the Spotify API to provide a personalized music experience to users. The application features search for songs, artists and playlists, as well as playback control and management of personalized playlists.

• Host: GitHub
• URL: https://github.com/josafamarengo/angular-spotify
• Owner: josafamarengo
• Created: 2022-12-13T01:55:38.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-09-13T20:24:18.000Z (over 2 years ago)
• Last Synced: 2025-03-14T19:22:56.841Z (about 1 year ago)
• Topics: angular, frontend, spotify, spotify-api
• Language: TypeScript
• Homepage: https://radinho.netlify.app/
• Size: 647 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


[![LinkedIn][linkedin-shield]][linkedin-url]

![lighthouse_accessibility](https://user-images.githubusercontent.com/88048411/225086013-43ed6dd1-be6d-4255-bac5-fdbe222758af.svg)

![lighthouse_best-practices](https://user-images.githubusercontent.com/88048411/225086019-1d6ec29f-5526-45bc-bbf9-1f934ab4aa83.svg)

![lighthouse_performance](https://user-images.githubusercontent.com/88048411/225086021-d6aa94a4-b502-4558-b0b4-aa0b54cf1e3c.svg)

![lighthouse_seo](https://user-images.githubusercontent.com/88048411/225086026-ce237e67-5653-41b1-8adb-84ab32dd53d3.svg)

[![Issues][issues-shield]][issues-url]

[![License][license-shield]][license-url]

  




  


  
Angular Spotify


  


    Discover new music and manage your playlists with this Angular Spotify API application!

    


    


    View Demo

    ·

    Report Bug

    ·

    Request Feature

  




## 🔍 Table of Contents

  


    


      About The Project

      


        
Built With

      

    

    


      Getting Started

      


        
Prerequisites

        
Installation

      

    

    
Roadmap

    
Contributing

    
License

    
Contact

    
Acknowledgments

  




## ℹ️ About The Project

### Built With

![Angular][Angular]

(back to top)




## 🚀 Getting Started

To get a local copy up and running follow these simple steps.

### Prerequisites

- [Node.js](https://nodejs.org/en/)

- [Git](https://git-scm.com/)

### Installation

1. Clone the repo

```bash

git clone https://github.com/josafamarengo/angular-spotify.git

```

2. Go to project folder

```bash

cd angular-spotify

```

3. Install packages

```bash

npm install

```

OR

```bash

yarn

```

(back to top)




## 🗺️ Roadmap

See the [open issues](https://github.com/josafamarengo/skill-assessments/issues) for a list of proposed features (and known issues).



## 👥 Contributing

Any contributions you make are **greatly appreciated**. Before you get started, please take a moment to review our Code of Conduct and Contributing Guidelines.

### How to Contribute



  
Fork this repository to your own GitHub account.

  
Follow the steps on Getting Started Section.

  
Create a new branch for your:

    


      
Feature git checkout -b feature/your-feature



      
Bug fix git checkout -b bugfix/bug



      
Docs, improvments, refactoring, optmizing,... git checkout -b requirement/your-requirement.

    

  

  
Commit your changes with clear and concise commit messages following the Angular commit convention



  
Push your changes to your forked repository.

  
Submit a pull request to our repository with a description of your changes.



Please make sure to write clear commit messages and to follow our coding conventions. We appreciate your contributions and will review them as soon as possible!

### Issue Tracker

If you encounter any bugs or have feature requests, please open an issue on our [Issue Tracker][issues-url]. Be sure to include a clear and concise description of the issue, any steps needed to reproduce the problem, and any relevant code snippets.

### Code of Conduct

Please review our Code of Conduct before contributing. We expect all contributors to abide by the principles outlined in the document.

### Contributing Guidelines

Please review our Contributing Guidelines before contributing. These guidelines will provide details on how to contribute to the project, the coding standards we follow, and the development process we use.

### Attribution

This Contributing section is adapted from the Contributing Guidelines template created by PurpleBooth.

(back to top)




## 📜 License

Distributed under the GNU General Public License v3.0. See `LICENSE` for more information.



## 📧 Contact

[![Linkedin][linkedin-shield]][linkedin-url]

[![Portfolio][site-shield]][site-url]



## 🙏 Acknowledgments

(back to top)




  Built with ❤︎ by Josafá Marengo





[repo-url]: https://github.com/josafamarengo/angular-spotify

[issues-url]: https://github.com/josafamarengo/angular-spotify/issues

[contributors-shield]: https://img.shields.io/github/contributors/josafamarengo/skill-assessments.svg?style=flat

[contributors-url]: https://github.com/josafamarengo/skill-assessments/graphs/contributors

[forks-shield]: https://img.shields.io/github/forks/josafamarengo/skill-assessments.svg?style=flat

[forks-url]: https://github.com/josafamarengo/skill-assessments/network/members

[stars-shield]: https://img.shields.io/github/stars/josafamarengo/skill-assessments.svg?style=flat

[stars-url]: https://github.com/josafamarengo/skill-assessments/stargazers

[issues-shield]: https://img.shields.io/github/issues/josafamarengo/skill-assessments.svg?style=flat

[issues-url]: https://github.com/josafamarengo/skill-assessments/issues

[license-shield]: https://img.shields.io/badge/License-GPL%20v3-blue.svg

[license-url]: https://github.com/josafamarengo/skill-assessments/blob/main/LICENSE.md

[linkedin-shield]: https://img.shields.io/badge/LinkedIn-0077B5?style=flat&logo=linkedin&logoColor=white

[linkedin-url]: https://linkedin.com/in/josafamarengo

[email-shield]: https://img.shields.io/badge/Gmail-D14836?style=flat&logo=gmail&logoColor=white

[email-url]: https://josafa.com.br/#contact

[site-shield]: https://img.shields.io/badge/website-000000?style=flat&logo=Google-chrome&logoColor=white

[site-url]: https://josafa.com.br

[AWS]: https://img.shields.io/badge/Amazon_AWS-22272e?style=for-the-badge&logo=amazonaws&logoColor=white

[Next]: https://img.shields.io/badge/next.js-22272e?style=for-the-badge&logo=nextdotjs&logoColor=white

[React]: https://img.shields.io/badge/React-22272e?style=for-the-badge&logo=react&logoColor=61DAFB

[Native]: https://img.shields.io/badge/React_Native-22272e?style=for-the-badge&logo=react&logoColor=61DAFB

[Typescript]: https://img.shields.io/badge/Typescript-22272e?style=for-the-badge&logo=typescript&logoColor=61DAFB

[Javascript]: https://img.shields.io/badge/Javascript-22272e?style=for-the-badge&logo=javascript&logoColor=61DAFB

[Kotlin]: https://img.shields.io/badge/Kotlin-22272e?&style=for-the-badge&logo=kotlin&logoColor=white

[Angular]: https://img.shields.io/badge/Angular-22272e?style=for-the-badge&logo=angular&logoColor=white

[Python]: https://img.shields.io/badge/Python-22272e?style=for-the-badge&logo=python&logoColor=white  

[Tailwind]: https://img.shields.io/badge/Tailwindcss-22272e?style=for-the-badge&logo=tailwindcss&logoColor=white