https://github.com/tcorcor1/react-websocket-clock
Real-time clock using websocket protocol implemented with React, Node, TypeScript
https://github.com/tcorcor1/react-websocket-clock
applicationinsights azure node react typescript
Last synced: 3 months ago
JSON representation
Real-time clock using websocket protocol implemented with React, Node, TypeScript
- Host: GitHub
- URL: https://github.com/tcorcor1/react-websocket-clock
- Owner: tcorcor1
- Created: 2022-09-13T01:54:54.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-09-20T00:58:38.000Z (almost 4 years ago)
- Last Synced: 2025-01-04T04:32:38.775Z (over 1 year ago)
- Topics: applicationinsights, azure, node, react, typescript
- Language: TypeScript
- Homepage:
- Size: 74.2 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-websocket-clock
### Summary
The purpose of this project is to utilize websocket protocol and provide real-time communication between client and server to implement a simple clock.
### Technologies
- React
- Node
- TypeScript
- Nodemon / ts-node
- [ws - npm](https://www.npmjs.com/package/ws)
- [winston - npm](https://www.npmjs.com/package/winston)
- [applicationinsights - npm](https://www.npmjs.com/package/applicationinsights)
### Running the project
Add a .env file to root of api project and add environment variable for Azure Application Insights.
```shell
cd src/api
npm i
npm start
cd src/app
npm i
npm start
```
### Demo
