I always loved the old web aesthetics. The color contrasts, the sharped corners, the speed and the responsiveness of the websites. There was always a visitors counter as well, so we all felt more connected (more then today, btw).
Recently, I was building a new website for the lofi public and thought that should be a good idea to make it look older, maybe bring some nostalgia back.
That's how THE ROOM was born.
The features
- A lofi radio playing songs from our users
- A visitors counter
- A global chat
The frontend
The style is very clean: Black and white, a lot of space, strong colors, shadows (no blur), sharped corners and a mono font.
It was built with HTML, CSS + Tailwind and Javascript (The first version used NextJs but i rewrote it). It is fast and simple.
I also added some gifs to make it more fun.
The backend
Made in Go, it is based in websocket connections to send room information + song bytes.
Everything via sockets is sent in pure bytes and parsed in the frontend. We decided to go with raw bytes because:
- It is pretty cool and we wanted to learn it.
- We live in Brazil and the Dollar is quite expensive, so our Fly.io machines needs to be very efficient. Every optimization counts to save machine power.
Resume
I'll try to apply these kind of design in every project where it fits. I want the fun back!!
Top comments (0)