limscoder / react-present Goto Github PK
View Code? Open in Web Editor NEWA simple framework for creating presentations using React components for slides. react-native remote control for phone based slide control.
License: MIT License
A simple framework for creating presentations using React components for slides. react-native remote control for phone based slide control.
License: MIT License
Code for limscoder.blogspot.com
Remote show preview of current and/or next slide.
Either try to render the current slide inside of a scaled WebView, or have the browser use something like this (https://html2canvas.hertzen.com/) to take a screenshot and send it to the remote.
Get your Steve Jobs on.
Something better than an alert window.
Support longer channel id's by displaying a QR code?
app takes pictures of QR code and reads it to get the channel id.
Show busy indicator on the pairing screen
Ensure screen stays awake
Communication channel for remote to control presentation software in chrome. Ideally avoid needing to run a webserver.
option 1: bluetoothSocket
option 2: webRTC
option 3: web api
Tap to advance slide. Swipe to advance and reverse.
Try these pager/swiper components, otherwise implement gestures ourselves:
Move the device to change slides.
$ webpack
Container#eachAtRule is deprecated. Use Container#walkAtRules instead.
Container#eachRule is deprecated. Use Container#walkRules instead.
Container#eachDecl is deprecated. Use Container#walkDecls instead.
Node#style() is deprecated. Use Node#raw()
Node#before is deprecated. Use Node#raws.before
Node#_value was deprecated. Use Node#raws.value
Hash: 81b567f0ffd6e59f88ff
Version: webpack 1.12.2
Time: 3693ms
Asset Size Chunks Chunk Names
wtf.gif 1.3 MB [emitted]
dragons.gif 557 kB [emitted]
lintProps.png 29 kB [emitted]
react-conf.png 74.2 kB [emitted]
squirrel-fail.gif 2.02 MB [emitted]
validation.png 30.7 kB [emitted]
kitt.gif 608 kB [emitted]
index.html 201 bytes [emitted]
index.js 1.58 MB 0 [emitted] index
./index.css 1.69 kB 0 [emitted] index
index.js.map 1.84 MB 0 [emitted] index
./index.css.map 88 bytes 0 [emitted] index
+ 298 hidden modules
ERROR in .//react-router//history/lib/useQueries.js
Module not found: Error: Cannot resolve module 'qs' in /Users/Jeff/repos/ghtemp/node_modules/react-router/node_modules/history/lib
@ .//react-router//history/lib/useQueries.js 11:10-23
ERROR in .//react-router//history/lib/createHistory.js
Module not found: Error: Cannot resolve module 'deep-equal' in /Users/Jeff/repos/ghtemp/node_modules/react-router/node_modules/history/lib
@ .//react-router//history/lib/createHistory.js 13:17-38
Child extract-text-webpack-plugin:
+ 2 hidden modules
Swipe down (or other ui interaction) to reset to start screen
Remote displays timer indicating how long the user has been presenting.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.