This project is a clone of the Spotify web app. It is a SPA that allows users to search for artists and playlists, play tracks from a playlist, and control the playback.
- Framework: Angular
- CSS Framework: Tailwind CSS
- Responsive layout for mobile and desktop
- Display playlists in home page
- Display tracks in playlist page
- Search for artists and playlists
- Play tracks from a playlist
- Pause and resume tracks
- Skip to next and previous tracks
- Display and change track progress
- Display and change volume
- Toggle random mode to shuffle/unshuffle tracks
- Display track queue
- Toggle right sidebar to display track cover and artist information
- Implement ViewTransitions API to animate route transitions
- Start the local server with one of the following commands:
ng serve
pnpm run start
- Navigate to http://localhost:4200/
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.