Skip to content

tinawng/Chill

Repository files navigation



Preview



Infos

Chill is a small one week project whose goal was to create an instant chill music player, greatly inspired by Traf's Sunday.fm.

I first made this website for me, so all the available albums are chosen among my favorites ones 🎵. And Yes, I have chosen to stream albums and not 24/7 web radio feed in order to keep a certain consistency among tracks.

Hope you like it 💖

(The player is directly streaming from Youtube via a hidden youtube embed player. Nothing is stored on the web server)

Live

Served using Yeetify 💨

Features

  • ✨ Clean & minimalist player design
  • ➰ Never ending music flow
  • 💿 Hand picked album selection
  • 📱 Mobile compatible
  • 💨 Super lightweight (html+css+js < 100kB)
  • ⌨️ Keyboard shortcuts (same ones as Youtube)

Stack

Nuxt.js

  • ⚡️ Static website generation

Tailwind

  • 💄 Responsive design
  • 🎨 PurgeCSS

Next

Mobile compatibility

  • Prevent screen sleep
  • Dedicated mobile UI design

Albums picker

  • Genre separation

Links

Build Process

# install dependencies
$ yarn install

# dev server with hot reload
$ yarn run dev

# build for production
$ yarn run generate