Coder Social home page Coder Social logo

neuralline / flix Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 18 KB

Interactive video streaming app

Home Page: https://flix-interactive.netlify.app/

JavaScript 1.14% TypeScript 61.85% HTML 4.72% SCSS 32.29%
typescript javascript async-await asynchronous-programming recursive-functions ui-design ux-design cypress end-to-end-testing interactive-video avoids-mutation

flix's Introduction

FLIX

  Neural Line
  FLIX
  Interactive video/movie
  With TypeScript, Parcel, Cypress and SCSS

Demo: https://flix-interactive.netlify.app/

clone git to local machine 'yarn install' then 'yarn start'
or npm install then npm start

to initiate

flix('dom element id', 'url')

In this project

TypeScript, JavaScript, async/await, recursive functions, dom manipulation, svg and css animation, pixel perfect ui design, css sass and also unit testing

And also in this project

Added Cypress end to end testing

Its written in functional javascript to avoid mutation however there is a lot of dom interaction going on in this app so it was hard to keep all component pure. I admit this would have been great with OOP class based mutation but FLIX managed with recursive function and Promise chains.

this app uses no external library*
tries minimise dom interaction*
avoids mutation*

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.