Netflix clone web app template (PWA)

twitter logo github logo Updated on ・1 min read

I've spent some time in the last two days developing a new web app template and I wanted to share it here.

Source code and documentation are as usual available on GitHub:

zuixjs / zuix-web-flix

Netflix app clone as a progressive web app template

zuix-web-flix

A Progressive Web App template inspired by Netflix mobile app.

This template is built with just HTML, JavaScript and CSS so that it can be eventually integrated with your favourite development environment and build tools.

Features

  • Design inspired to Netflix mobile app
  • Modular and component-based structure using zUIx.js
  • In-browser bundler: can pack all resources in a single file and boost-up loading speed
  • PWA LightHouse score 100/100 (!)

LightHouse Report

Demo Website

https://zuixjs.github.io/zuix-web-flix

How to use this template

The ./source folder contains the development version of the website, while the ./docs folder the production bundled version.

Basic usage

If you have Node.js installed, for a quick setup you can use the integrated web server which will serve files from the ./source folder Install the development dependencies with npm install and then start the web server:

npm start

If you don't want to use the integrated web server, you can setup any other…

and here is the LIVE DEMO.

So, I hope you like this template and if you have a suggestion for improving it or for what I should make next, please feel free to leave a comment =)

Read next:

twitter logo DISCUSS
Classic DEV Post from Dec 3 '18

Stickers Contest!!πŸΆπŸ˜πŸ€“

Something that we must have in our laptops are stickers. Who has de best collection?

{Gene} profile image
Yet another programmer =) accidentally creator of HomeGenie (open source smart-home server) and zUIx.js (component-based web development library).