A modern version of silesia.fm website (Silesia 96.2 station).
- This website is just my front-end vision of a modern radio station design made from scratch based on popular radio stations websites
- There are no pages that contain contact information, regulations, history and any other information related to a particular station
- This website has only 1 example of a show or podcast page, just for demonstration
The project is made with pure HTML, Tailwind CSS, Vanilla JS and additional libraries:
- Flowbite js component library
- Swiper slider
- Built with Vite
This page contains:
- header with currently playing show and a button for interactive player (displays on every page)
- sidebar with a menu with links to other pages (displays on every page)
- sliders with several links to shows, podcasts and events. The link "Zobacz wszystkie" leads to all items page
- The idea behind the player is that the user can listen to a current music, or podcast or show white browsing a page.
- Player shows the current state (play/pause) and the incoming show.
- To demonstrate, I added an example song you can listen by clicking the button
This page has all the shows that radio runs
This page shows a detailed description of a show and other shows the user would like based on category or genre.
This page has all the podcasts that radio runs
This page shows a detailed description of a podcast, available episodes and other podcasts the user would like based on category or genre.
This page contains a weekly show tab-schedule. Based on today's day, the current schedule is displayed
This page contains a form. User can either log in or sign up
To build a project, I took an example from these sites: