{"id":25430435,"url":"https://github.com/lexux3000/vrg_demo","last_synced_at":"2026-04-02T03:09:05.345Z","repository":{"id":275726033,"uuid":"923492833","full_name":"Lexux3000/VRG_Demo","owner":"Lexux3000","description":"Military simulation React.js demo","archived":false,"fork":false,"pushed_at":"2025-02-09T12:53:16.000Z","size":9826,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-17T03:31:13.257Z","etag":null,"topics":["css","express","mui","reactjs","socket-io","sqlite3","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Lexux3000.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-28T10:50:11.000Z","updated_at":"2025-02-08T11:53:42.000Z","dependencies_parsed_at":"2025-02-09T13:45:54.782Z","dependency_job_id":null,"html_url":"https://github.com/Lexux3000/VRG_Demo","commit_stats":null,"previous_names":["lexux3000/vrg-demo","lexux3000/vrg_demo"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lexux3000%2FVRG_Demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lexux3000%2FVRG_Demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lexux3000%2FVRG_Demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lexux3000%2FVRG_Demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Lexux3000","download_url":"https://codeload.github.com/Lexux3000/VRG_Demo/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254140808,"owners_count":22021225,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","express","mui","reactjs","socket-io","sqlite3","typescript"],"created_at":"2025-02-17T03:28:19.327Z","updated_at":"2025-12-30T20:11:24.516Z","avatar_url":"https://github.com/Lexux3000.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"K spuštění aplikace (terminal):\n- cd frontend\n- (optinal if yarn is not installed =\u003e npm install -g yarn)\n- yarn install\n- yarn run build\n- yarn start build\n\nApp should run on: http://localhost:3000/\n\nZa využití libovolných frameworků, knihoven a nástrojů navrhněte a připravte rozhraní simulátoru bojových operací. Základ by měl tvořit:\n- MenuBar\n- Main layout (dockable view)\n  - panel mapy\n  - panel řízení simulace\n  - panel informaci o vybrané jednotce\n  - panel data-logu\n\n![Ukázkový wireframe](images/exampleWireframe.png)\n\nAplikace by měla implementovat:\n\n- zobrazení mapového podkladu (např. pomocí OpenLayers - https://openlayers.org/)\n- vykreslení entit v mapě (třeba jako symboly dle definice NATO - https://commons.wikimedia.org/wiki/NATO_Military_Map_Symbols)\n- kliknutím na entitu v mapě:\n  - zobrazit informace v panelu entity (typ, volací znak, pozice, aktuální úloha, rychlost, stav poškození, množství munice, ...)\n  - vykreslit její trasu do mapy (tu lze mít libovolně staticky definovanou)\n- layout umožňující dokování do flexibilních panelů (nebo jiný vhodný NE-statický layout)\n- zobrazení nějakého modálního dialogu (např. měření vzdálenosti mezi dvěma entitami)\n- klikatelné tlačítka řízení simulace play/pause/step/stop (jejichž akce jsou např. zapisovány do panelu data-logu)\n\n\n## Smysl Vašeho dema\n\nNení nutné připravovat pixel-perfect rozhraní, řešit všechny okrajové případy nebo ukazovat 100% znalost mapových a jiných knihoven. Není důležitý ani vzhled. Demo by mělo primárně ukazovat Vaši schopnost zorientovat se v požadovaných technologiích, zvolit ty nejvýhodnější a navrhnout s nimi dobrou architekturu celé aplikace.\n\n\n## Další rozšíření\n\n- Při spuštění se frontend-aplikace pokouší spojit s backendem přes websocket a dokud se nenačte, tak se zobrazuje loading screen.\n- Backend posílá přes websocket informace o\n    - nově vytvořených entitách\n    - pozicích a stavu entit\n    - entitách, které byly zničeny.\n- Frontend posílá backendu povely pro řízení simulace (play/pause/step/stop).\n- Frontend slouží k řízení pohybu entit klikáním do mapy - přidává body do naplánované trasy entity.\n\nPokud budete mít čas, tak v libovolné technologii implementujte jednoduchý websocket backend, který provádí některou z výše uvedených činností.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flexux3000%2Fvrg_demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flexux3000%2Fvrg_demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flexux3000%2Fvrg_demo/lists"}