An open API service indexing awesome lists of open source software.

https://github.com/dusixx/music-flow

Music streaming service clone
https://github.com/dusixx/music-flow

angular

Last synced: 25 days ago
JSON representation

Music streaming service clone

Awesome Lists containing this project

README

          

# MusicFlow 🎵

## 📌 Description
MusicFlow is a music streaming service clone that allows users to search for tracks and artists, listen to music, create playlists, and manage a favorites library.

The application is built on top of the Jamendo API v3.0, which provides access to over 500,000+ freely licensed tracks, along with metadata for artists, albums, and audio streaming links.

This project is part of the [Rolling Scopes School Angular course](https://rs.school/courses/angular). It was developed by a team of three over four sprints to practice Angular and modern frontend development principles.

## 🛠️ Technology Stack
- Angular
- TypeScript
- Angular Router
- HttpClient
- RxJS
- Angular Signals
- NgRx SignalStore (@ngrx/signals)
- Reactive Forms
- Angular Material
- Firebase (Authentication, Firestore)
- Angular Testing Utilities (Jasmine / Karma)

## 👥 Team Members
- Ina — [inalitvinka](https://github.com/inalitvinka)
- Andrew — [dusixx](https://github.com/dusixx)
- Aleksei — [ngInit](https://github.com/nginit)

## 🚀 Local Setup

### Prerequisites
- Node.js (LTS v24 or higher)
- npm

### Installation
```bash
git clone https://github.com/dusixx/music-flow.git
cd music-flow
npm install
```

### Running the project

```bash
npm start
```

Application will be available at: http://localhost:4200

### Available Scripts

- `npm start` — Run development server
- `npm run build` — Build production version
- `npm run test` — Run unit tests
- `npm run lint` — Check linting issues
- `npm run lint:fix` — Fix linting issues
- `npm run format` — Check code formatting (Prettier)
- `npm run format:fix` — Fix formatting issues
- `npm run stylelint` — Check styles (CSS/SCSS)
- `npm run stylelint:fix` — Fix style issues
- `npm run fix:all` — Run all linters and formatters fixes
- `npm run watch` — Build in watch mode (development)
- `npm run ng` — Angular CLI commands

## 🌐 Deployment
Deploy link will be added once available