/netflix-piral

A Netflix clone using microfrontends built as a proof of concept for Piral. This repository contains only the app shell. Built with React. Read more at http://bit.ly/netflix-piral-article

Primary LanguageTypeScriptMIT LicenseMIT

Netflix-piral: a Netflix clone using microfrontends

A Netflix clone using  React and  Piral by Dante De Ruwe

Read more: In this DEVCommunity article, I go over my experiences.

Application overview

You can find the application online on netflixclone.deruwe.me.

This application is a Netflix clone with some basic functionalities. There is a Browse page where the user can discover showcases of trending series and movies, top rated ones, etc.

Of course, to find a specific movie or series, the user can also use the provided Search bar.

Every media tile also has a Favorites toggle in the top right corner. Clicking it adds the series or movies to the user's favorites list, to be found on the favorites page.

The user can switch accounts via the Profile option in the top right. All favorites are linked to the specific account.

It is worth noting that this demo project does not come with a custom backend: all data is coming from a 3rd party API, the accounts are dummy accounts, and the favorites are stored in localstorage.

Impressions

Microfrontends

This project consists of multiple microfrondends (in the Piral framework called "Pilets"). You can find the code for them here:

Browse pilet Profile pilet Watch pilet Favorites pilet Search pilet