Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/amirzenoozi/lps-app-interview
Monitoring Dashboard With WebSocket For LPS Technical Interview
https://github.com/amirzenoozi/lps-app-interview
apexcharts create-react-app docker-image interview interview-challenge interview-practice react reactjs scss socket-programming storybook web-socket
Last synced: about 1 month ago
JSON representation
Monitoring Dashboard With WebSocket For LPS Technical Interview
- Host: GitHub
- URL: https://github.com/amirzenoozi/lps-app-interview
- Owner: amirzenoozi
- Created: 2024-01-10T14:28:09.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-01-15T15:18:13.000Z (11 months ago)
- Last Synced: 2024-05-28T23:24:17.284Z (7 months ago)
- Topics: apexcharts, create-react-app, docker-image, interview, interview-challenge, interview-practice, react, reactjs, scss, socket-programming, storybook, web-socket
- Language: TypeScript
- Homepage: https://lps.amirdouzandeh.me/
- Size: 1.17 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# LPS Dashboard Monitoring
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
This project lets you have a simple portfolio website that is responsive and easy to use.
You can add your skills and experiences.
## Objectives
- [x] Get Data From Socket EndPoint (Without Socket.io)
- [x] Show Each Server in Single Page
- [x] Show CPU Usage TimeLine Realtime
- [x] Show Memory Usage TimeLine Realtime
- [x] Mobile First Design
- [x] Toggle Metrics (CPU, Memory, All
- [x] Reusable Components
- [x] Add StoryBook
- [x] Aggregation of Data From Servers (Memory)
- [ ] Unit Test
- [x] Button Component
- [x] Radio Group Component
- [x] WebSocket Module (All 5 Servers)
- [x] FlexRow
- [x] FlexCol
- [x] Container
- [x] DataTable
- [x] HyperLink
- [ ] Deployment
- [x] Dockerfile
- [x] GitHub Actions to Push Image to DockerHub
- [x] Deploy on external server
- [ ] Automate the Deploy Steps
## Run the project
In the project directory, you can run:
- ``` git clone [email protected]:amirzenoozi/lps-app-interview.git ```
- ``` cd lps-app-interview ```
- ``` git config core.hooksPath .githooks ```
- ``` yarn install ```
- ``` yarn start ```
- Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
## Other Available Scripts
1. For Test: `yarn run test`
2. For Build: `yarn run build`
3. For Manual Setting: `yarn run eject`
> **Note: this is a one-way operation. Once you `eject`, you can’t go back!**
Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
## Useful Links
1. [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
2. [React documentation](https://reactjs.org/).