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.
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.