A modern web application to showcase my favorite stuff that made an impression on me. It could be books, movies, series or anything else. Built with Next.js, React, Tailwind CSS, and a self hosted version of Supabase.

Features

Public viewing access for all users
Display list of all the favorites
Cover images
If the Cover images can't load for a reason the site handles this gracefully
Responsive design for all devices
Admin authentication for updates

Tech Stack

Frontend: Next.js with React
Styling: Tailwind CSS + ShadcN UI
Database: Supabase
Authentication: basic_auth with Caddy (reverse proxy)
Deployment: Coolify

Database Schema

The favorites table in Supabase contains:

id: uuid (primary key)
title: text
author: text
consumption_date: date
type: limited list (book, movie, series, concert, exhibition comicbook,other)
cover_image: image
created_at: timestamp
updated_at: timestamp

Deployment

The site is configured for deployment on Coolify.

Languages

TypeScript 73.3%

Dockerfile 9.2%

JavaScript 9%

CSS 4.1%

HTML 3.9%

Other 0.4%