An open API service indexing awesome lists of open source software.

https://github.com/fabiangosebrink/device-orientation-signalr


https://github.com/fabiangosebrink/device-orientation-signalr

Last synced: 2 months ago
JSON representation

Awesome Lists containing this project

README

        

# HTML Device Orientation API & ASP.NET Core SignalR 👋

[![Twitter: FabianGosebrink](https://img.shields.io/twitter/follow/FabianGosebrink.svg?style=social)](https://twitter.com/FabianGosebrink)

> This demo project shows how to use plain Javascript and HTML to broadcast the mobile device orientation using the HTMLs device orientation API.

![](.github/video.gif)

## Install

Start the backend with `dotnet run` after installing the dotnet cli [get it here](https://dotnet.microsoft.com/)

For the frontend do:

```sh
npm install
```

## Usage

start the backend at the console with `dotnet run` and start the frontend with an `npm start`. Now you can move your laptop or device to see the picture moving. If you upload it to a webserver you can see taht ASP.NET Core SignalR is broadcasting the movements to other devices.

## Author

👤 **Fabian Gosebrink**

- Twitter: [@FabianGosebrink](https://twitter.com/FabianGosebrink)
- Github: [@FabianGosebrink](https://github.com/FabianGosebrink)

## Show your support

Give a ⭐️ if this project helped you!

---

_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_