altair VS angular-spotify

I think you need Altair GraphQL Client.

Altair GraphQL Client is another impressive GraphQL IDE. It is open-source and available as a desktop app for all major operating systems, as well as a web extension for Chrome and Firefox.

However, it's not an Angular app, if you are looking for an app instead of library, you can check Altair app: https://github.com/altair-graphql/altair/tree/master/packages/altair-app or angular sptify, https://github.com/trungk18/angular-spotify/tree/main/libs/web (Uses NX monorepos to maintain the libraries)

Now we can consume created GraphQL API. In the GitHub Repo same functionality has been added with REST approach and GraphQL endpoint. Also widely used Swagger configured for Web API Endpoints as well as AltairUI added for GraphQL endpoint testing. Naturally, AltairUI it not a must for GraphQL, you can also use Swagger, GraphiQL, or GraphQL Playground.

If you just want to test out queries against your server without having to write them in a script, you could use something like Graphiql (another commenter shared the link for that), Postman, or my personal favorite, Altair.

It all started with GraphiQL demonstrating all these back in the day, but then came Playground (which had recently merged with the GraphiQL team to make things even more interesting), Altair and even desktop/web/editor based clients like Insomnia, Postman, Hoppscotch, VSCode Rest Client and the list goes on all proving that the developer experience with GraphQL can be made really better with just some sugar on top.

I've been obsessed with this. https://github.com/trungk18/angular-spotify

However, it's not an Angular app, if you are looking for an app instead of library, you can check Altair app: https://github.com/altair-graphql/altair/tree/master/packages/altair-app or angular sptify, https://github.com/trungk18/angular-spotify/tree/main/libs/web (Uses NX monorepos to maintain the libraries)

This is a reasonably complex public example you can reference: https://github.com/trungk18/angular-spotify/tree/main/libs/web - this is specifically an Nx project so it is broken up into libs, but the architecture would translate to what I'm talking about in the video.

Find some good versatile Github Repos / Tutorials and try to follow them / reverse engineer /rebuild them. For example: https://angularexpo.com/minimis-real-world-angular-app-example/ https://github.com/trungk18/jira-clone-angular https://github.com/trungk18/angular-spotify https://itnext.io/building-beautiful-tiktok-clone-with-angular-and-micro-frontend-part-1-bdd189425695 https://github.com/Jon-Peppinck/linkedin-clone

My favourite example of this approach being done well is the angular-spotify project by Trung Vo: https://github.com/trungk18/angular-spotify

Spotify clone The one that u/internetroamer recommended in an earlier post

I would suggest looking at projects like this and even better this.