https://github.com/gvital3230/ui-tracker-dashboard
https://github.com/gvital3230/ui-tracker-dashboard
reactjs ui-tracker websocket
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/gvital3230/ui-tracker-dashboard
- Owner: gvital3230
- Created: 2021-09-10T14:32:11.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-09-11T11:20:42.000Z (almost 5 years ago)
- Last Synced: 2025-01-17T19:43:00.180Z (over 1 year ago)
- Topics: reactjs, ui-tracker, websocket
- Language: JavaScript
- Homepage:
- Size: 8.55 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sample UI tracker application - Dashboard
This is the part of sample UI tracker service, based on Websocket communication
**While launching demo apps please be aware of Heroku [Free tier Dyno sleeping](https://devcenter.heroku.com/articles/free-dyno-hours#dyno-sleeping)
so it can be possibly be several seconds delay at initial load**
Service consists of three parts
### Public application
Small JS application which simulates user activity on some e-commerce page. User opens it, starts to scroll.
After some delay application tracks activity related to every product image and send it to backend server
* [Repository location](https://github.com/gvital3230/ui-tracker-public)
* [Demo app](https://ui-tracker-public.herokuapp.com) - to see, how it works, it is recommended to open it from multiply different browsers or devices
### Dashboard application
Shows current active sessions and images that users are seeing right now
* Repository location - (this one)
* [Demo app](https://ui-tracker-dashboard.herokuapp.com)
### Backend application
Service that responsible for processing Websocket connection and build current active sessions map
* [Repository location](https://github.com/gvital3230/ui-tracker-backend)
* Demo app - all settings are made in demo public/dashboard apps