README.md

September 24, 2024 ยท View on GitHub

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.

https://github.com/user-attachments/assets/cb05bb71-e672-480b-ab6d-69724ebfb9ac

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.