Skip to content

Frontend for a Spotify clone built with Angular 18, featuring a modern architecture with signals for reactivity and a Redux-like pattern for global state management.

Notifications You must be signed in to change notification settings

jhoset/angular-spotify-clone

Repository files navigation

This project is the frontend for a Spotify clone, built with the latest version of Angular (v18) & Tailwind CSS. It leverages modern Angular features, including signals for efficient reactivity and change detection. The application provides a user-friendly interface for browsing music, managing playlists, and playing songs.

Demo.Spotify.-.Trim.mp4

Key Features:

  • Modern Angular Architecture: Utilizes signals (a new reactivity primitive in Angular) for improved performance and a simpler development experience.
  • Redux-like State Management: Implements a centralized store for managing global application state, similar to Redux, providing predictable state updates and improved code organization.
  • Music Playback: Allows users to play music from their Spotify playlists (requires authentication via the backend).
  • Component-Based UI: Built with a reusable component structure, promoting code maintainability and scalability.
  • Rich User Interface: Includes custom directives and components to create an engaging and interactive Spotify-like experience.

Development server

This frontend application is designed to work in conjunction with the Spotify Server backend. Ensure the backend is running and properly configured.

  • Create a .env file based on .env.template file
  • npm start: Starts the development server.

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

About

Frontend for a Spotify clone built with Angular 18, featuring a modern architecture with signals for reactivity and a Redux-like pattern for global state management.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published