/navbar-as-splashscreen-demo

A simple Netflix clone to demonstrate a concept of a splash screen that turns into a navbar after page load is complete.

Primary LanguageTypeScriptMIT LicenseMIT

A simple Netflix clone to demonstrate a concept of a splash screen that turns into
a navbar after page load is complete.

Demo video

Packages and tools used

  • TypeScript: To ensure code type-safety.
  • ReactJS: Separate the interface into components.
  • Parcel ❤: To bundle the application.
  • Reakit: To allow keyboard navigation.
  • less: Pre-process CSS.

Installation

git clone https://github.com/iagobruno/navbar-as-splashscreen-demo.git
cd navbar-as-splashscreen-demo
yarn install

Commands

  • yarn run start: Starting Parcel in development mode with live-reload.
  • yarn run build: Create a production version of the site ready to be hosted.
  • yarn run deploy: Deploy demonstration on Github Pages.