Skip to content
All workProject(01)
2022MultipageAnimationsApi

Boolflix

A clone of The Movie DB built with Vue.

Boolflix
Year
2022
Client
Personal project
Stack
Vue.jsVue RouterPiniaTMDB API
Visit the site
The project

A clone of The Movie DB in Vue: films and TV series to search, explore and discover, with always up-to-date data from the TMDB API.

Boolflix is one of my very first personal projects: a clone of The Movie Database that uses its API to show always up-to-date films and TV series. The home gathers the most popular titles, the top rated in Italy and the latest releases by genre, from action to western.

Every film and series has its own page, with genres, year, plot, cast and the streaming platforms where to watch it, and search finds any title in a moment.

Boolflix — Image 1
Boolflix2022
Boolflix — Image 2
The approach

The goal was to learn how to build a real application around an external API: asynchronous calls, dynamic routing, shared state.

I built the app with Vue.js, using Vue Router for the detail pages and Pinia for state, with calls to the TMDB API bringing in data in real time. The dark interface puts posters and covers centre stage, with horizontal carousels for each category and a responsive layout designed for mobile too.

Boolflix — Image 3
Palette(04)

The colours of the project. Tap a drop to copy its code.