hiddenl00p / Backpack

Open source TypeForm clone implemented in React and styled with Bootstrap 4

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Backpack

Open source TypeForm clone implemented in React and styled with Bootstrap 4.

Todo

  • Add keyboard navigation
  • onScroll add class to question in center
  • update progress bar when question answered
  • ignore start and end as question
  • add logic to question

Installation

npm install bitsherpa-backpack --save

Example and Demo

coming soon.

Debug

Clone this repository.

npm install
npm run dev

Sources

Stack https://edspencer.net/2016/03/20/a-new-stack-for-2016-getting-started-with-react-es6-and-webpack/

Bootstrap http://blog.theodybrothers.com/2015/07/how-to-use-bootstrap-css-only-and.html

Viewport Visibility http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport

Blur out of focus http://codepen.io/paulobrien/pen/EjwdeG

Add props to children http://jaketrent.com/post/send-props-to-children-react/

Keydown https://www.npmjs.com/package/react-keydown

About

Open source TypeForm clone implemented in React and styled with Bootstrap 4


Languages

Language:JavaScript 96.4%Language:CSS 2.4%Language:HTML 1.3%