Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/m4r1vs/slidecontrol
Slidecontrol enables you to control your slides with your phone 📱
https://github.com/m4r1vs/slidecontrol
javascript preact progressive-web-app pwa
Last synced: 3 months ago
JSON representation
Slidecontrol enables you to control your slides with your phone 📱
- Host: GitHub
- URL: https://github.com/m4r1vs/slidecontrol
- Owner: m4r1vs
- License: other
- Created: 2019-01-13T18:31:18.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-02-28T08:38:20.000Z (almost 2 years ago)
- Last Synced: 2023-03-03T12:22:21.799Z (almost 2 years ago)
- Topics: javascript, preact, progressive-web-app, pwa
- Language: JavaScript
- Homepage: https://slidecontrol.niveri.xyz
- Size: 22.1 MB
- Stars: 32
- Watchers: 3
- Forks: 3
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
⚠ slidecontrol is still work in progress, hence there might be some bugs present ⚠
SLIDECONTROL is a PWA and Chrome Extension which allows you to control your slides!
## Getting started 🚀
Slidecontrol's extension is available in
the [Chrome webstore](https://chrome.google.com/webstore/detail/slidecontrol/ghfjfgbiehcemjfapohnnfngcbappodg) or
by installing it locally:
```sh
git clone https://github.com/m4r1vs/slidecontrol.git
cd ./slidecontrol/slide-control-extension
npm install
npm run build
```
This builds the extension into the folder `/slide-control-extension/build` which can then be added by navigating
to `chrome://extensions` and clicking `Load unpacked`.Following the steps after installing the extension will lead you to our PWA (`/slide-control-pwa`), available
at [slidecontrol.niveri.de](https://sc.niveri.de).![Screenshot of slidecontrols homescreen](https://maniyt.de/screenshot1.png)
## Contributing 😊
To contribute to the PWA just run this:
```sh
git clone https://github.com/m4r1vs/slidecontrol.git
cd ./slidecontrol/slide-control-pwa
npm install
npm run start
```
And to help improving the extension you can install it locally as descrived above.And finally to run the WebSocket on your machine you can just cd into it and run it:
```sh
git clone https://github.com/m4r1vs/slidecontrol.git
cd ./slidecontrol/slide-control-server
npm install
node server.js
```In order to connect to it with the PWA and/or extension you need to head into their options and enter your IP (or just `wss://localhost:PORT`)
and everything should work out perfectly.## Screenshots 📸
*Slidecontrol has a build in QR-Scanner to connect to your presentation.*
![Screenshot of slidecontrols QR-Scanner](https://maniyt.de/screenshot2.png)
*The speakers notes are synced on your phone as well.*
![Screenshot of slidecontrols controller](https://maniyt.de/screenshot3.png)
*Finally there's also a laser-pointer which is controllable from the app.*
![Screenshot of slidecontrols controller](https://maniyt.de/screenshot4.png)