☕ Instant flow of endless chill music, just when you need it.
https://chill.tina.cafe
| .github | ||
| assets | ||
| components | ||
| composables | ||
| pages | ||
| public | ||
| scripts | ||
| .dockerignore | ||
| .env.sample | ||
| .gitignore | ||
| .prettierrc.json | ||
| bun.lock | ||
| Dockerfile | ||
| nuxt.config.js | ||
| package.json | ||
| README.md | ||
| tailwind.config.js | ||
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
🔗 chill.tina.cafe
Features
- ✨ Clean & minimalist player design
- ➰ Never ending music flow
- 💿 Hand picked album selection
- 📱 Responsive design
- 💨 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
- 🏗️ Nuxt.js: https://nuxtjs.org
- ✨ Vue.js: https://vuejs.org
- 💄 Tailwind CSS: https://tailwindcss.com
Build Process
# install dependencies
$ bun install
# dev server with hot reload
$ bun dev
# build for production
$ bun run generate