https://github.com/devraider/ngartradio-v2.0

An open-source, ad-free radio player that lets users browse and listen to multiple radio stations. Key features include viewing a station's recently played songs and replaying tracks using the YouTube API.
https://github.com/devraider/ngartradio-v2.0

agular bootstrap css html javascript primeng youtube youtube-api

Last synced: 23 days ago
JSON representation

An open-source, ad-free radio player that lets users browse and listen to multiple radio stations. Key features include viewing a station's recently played songs and replaying tracks using the YouTube API.

• Host: GitHub
• URL: https://github.com/devraider/ngartradio-v2.0
• Owner: devraider
• Created: 2023-10-05T17:16:22.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-10-30T14:16:17.000Z (about 2 months ago)
• Last Synced: 2024-10-30T15:24:17.193Z (about 2 months ago)
• Topics: agular, bootstrap, css, html, javascript, primeng, youtube, youtube-api
• Language: TypeScript
• Homepage:
• Size: 238 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ngArtRadio 2.0 - An Angular web app

This is the frontend application for a newer version **ArtRadio** (for first version you can check [reactArtRadio V1](https://github.com/devraider/reactArtRadio-v1.0)).

It's an ad-free online radio player built with Angular. 

  

> [!note]

> This project using:

> - Java, Spring boot framework as backend – code could be found: [javaArtRadio - Springboot](https://github.com/devraider/javaArtRadio-v2.0)

>- Python, as crawler to collect songs from different radio stations – code could be found   [pyArtRadio - Python](https://github.com/devraider/pyArtRadio-v2.0)

## I.1. Presentation images

1. Home page

...

## I.2. Features

- **Stream Radio Stations**: Access multiple stations for uninterrupted listening.

- **Track History**: See a list of recently played songs from each station's playlist.

- **Song Replays**: Replay songs through YouTube using the embedded player, without any ads.

- **Responsive Design**: Works smoothly on both desktop and mobile.

## I.3. Technologies Used

- **Angular**: Frontend framework for building dynamic user interfaces.

- **TypeScript**: For type-safe code in Angular components.

- **RxJS**: Reactive programming with observables for efficient state management.

- **Bootstrap**: Styling framework.

- **PrimeNG**: UI components library for rich, responsive user interfaces.

- **YouTube Player API**: Integrates YouTube videos directly into the app for media streaming and control.

## I.4. Getting Started

### I.4.1. Prerequisites

- **Node.js** (v14+)

- **npm** (10.8+)

- **Angular CLI** (I would recommend to install it globally `npm install -g @angular/cli`)

> [!warning]

> You need to have [javaArtRadio](https://github.com/devraider/javaArtRadio-v2.0) and [pyArtRadio](https://github.com/devraider/pyArtRadio-v2.0) up and running before starting web application.

### I.4.2. Installation and Setup

1. **Clone the repository:**

```bash

   git clone https://github.com/devraider/ngArtRadio-v2.0.git

   cd ngArtRadio-v2.0

```

2. **Install dependencies**

```bash

    npm install

```

### I.4.3. Run the application

```bash

   npm start

```