SOMA FM WEBSITE

Modern Designed Radio Broadcasting Platform

Soma FM Website Interface

Project Summary

Soma FM is a platform known for its minimalist and high-quality broadcasts among internet radios. This project aimed to redesign the existing Soma FM experience with **modern web standards** to offer users a smoother, faster, and visually richer interface.

In the project, the API services provided by Soma FM were used to ensure the **real-time streaming** of broadcasts and to fetch **current track information** instantly. The focus was on creating a high-performance and accessible radio experience.

Key Features

Real-Time API Integration

Instantly fetches the active channel list, currently playing track, and broadcast status from the Soma FM API.

Channel Filtering and Search

Allows users to easily filter channels according to the music genre or mood they are looking for.

Responsive Design

Offers a seamless and aesthetic listening experience on desktop, tablet, and mobile devices.

Dark Mode (Default)

Dark mode was used by default to reduce eye strain and match the cyberpunk theme.

Design and User Experience

The project was designed with a **minimalist** and **function-oriented** approach. The goal was for the user to quickly access the radio stream and easily switch between channels. In particular, the green and black color palette of the Matrix theme gave the interface a dynamic and futuristic feel.

There are no unnecessary elements to spoil the enjoyment of the music. The controls are simple and large, so they can be easily used on touch devices as well.

Technologies Used

HTML5 CSS3 / Flexbox & Grid Vanilla JavaScript Soma FM Public API Web Audio API (Control) Git & GitHub Pages

Future Plans

In the future, the goal is to move the project to a **React/Vue** structure and add features such as manually selecting the broadcast quality and creating a favorite channel list. In addition, providing a seamless integration with the `somafm-mobile` application is also a priority.

← Back to Home