https://github.com/ObjectIsAdvantag/roomkit-react-map

A React map showing PeopleCount analytics fired by a set of RoomKits
https://github.com/ObjectIsAdvantag/roomkit-react-map

cisco-xapi react roomkit

Last synced: about 2 months ago
JSON representation

A React map showing PeopleCount analytics fired by a set of RoomKits

• Host: GitHub
• URL: https://github.com/ObjectIsAdvantag/roomkit-react-map
• Owner: ObjectIsAdvantag
• License: mit
• Created: 2018-04-07T17:23:35.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-06-22T14:43:12.000Z (about 6 years ago)
• Last Synced: 2024-07-07T00:40:05.931Z (2 months ago)
• Topics: cisco-xapi, react, roomkit
• Language: JavaScript
• Homepage: http://cs.co/roomdevices
• Size: 7.02 MB
• Stars: 6
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-xapi - roomkit-react-map - React map showing PeopleCount analytics fired by a set of RoomKits (by ObjectIsAdvantag). (Code Samples)

README

        
# Interactive Map example for RoomKits

This project illustrates how to create a Map that displays PeopleCount analytics fired by a set of Roomkits.

The repo should be explored in this order:

- [html](html/): static version of the map

- [react](react/): turning the static map to a React app (plain JSX, without bundling)

- [react-collector](react-collector/): becoming dynamic by injecting collected data and updating the map live

- [react-design](react-design/): a better design for the map (built for DevNet Create'18)

- [react-bundled](react-bundled/): turning the JSX main file to individual React components ([MarkerComponent](react-bundled/src/MarkerComponent.js))

![Snapshot](snapshot.png)

Inspired by these React examples:

- [Roomie](https://bitbucket.org/bjolseth/roomie/): an end-to-end app, mobile friendly

- [PixelsWifi](https://github.com/pixels-wifi/pixels-wifi): an interactive dashboard showing affluence based on Cisco CMX Location Services