This is my second Code Institute milestone product about Interactive Frontend Development.
On this website I want to show you a radio application so you can enjoy listening to free radio over the internet.
- As a radio lover, you can select a country and one of its radio stations to listen to it in the application.
- The countries and radio stations that you will find on this site are those that are listed in Radio Browser Community.
- You can access the official site of the radio station.
The mockups for the project are done on the Vectr page, which is basically a page to draw pictures. This time it was very practical for me to do it this way. Here some examples:
For the construction of this site the following features were used:
- It use Radio Browser API with 20,000+ radio stations entries
- It get the radio station data and let you navigate across countries and its radio stations listed.
- It play the audio of the current radio station over your browser.
- it jump to radio station website provide by Radio Browser API
The following features will be added to the site soon:
- Save favorite radio stations.
- Recognize the song and the lyrics.
- HTML, CSS, JS
- Audio Library Howler.js to control Audio Output.
- axios Library axios.js to get a server promise for the browser request
- jsQuery
The project was tested to work in Chrome/Safari browser of desktops, tablets and phones.
The website is published using GitHub Pages and you can visited by clicling the following link: https://pacotools.github.io/enjoy-the-radio/)
This project was developed using GitHub and GitPod. I use the Code Institute template.)
Both the development and deployment versions and their resources reside on the GitHub platform for educational use. The repository name is enjoy-the-radio)
I use a piece of code to glowing text from Jack Scott at CodePen Glowing Text
All the favicons and info displayed over screen come from data API.