MyAgeVolt. Od úplných základov.
E-mobility platforma vyvíjaná od základov. Moja frontendová práca prepája konfigurovateľnú administráciu, mapy staníc a nabíjanie do jedného produktu.
Otvoriť verejný portál
Screenshoty zobrazujú verejne prístupné časti MyAgeVolt. Administráciu, cenové pravidlá a ďalšie funkcie po prihlásení opisujem nižšie.
- Rola
- Full-Stack Developer · Frontend Focus
- Produkt
- MyAgeVolt / AgeVolt
- Obdobie
- 2024 — 2026
O projekte
MyAgeVolt je portál pre nabíjanie, správu nabíjacej infraštruktúry, používateľov a prevádzkových dát. Na jeho vývoji som sa podieľal od začiatku v tíme dvoch frontendových a dvoch backendových vývojárov. Podieľal som sa na celom produkte, predovšetkým na React a Next.js frontende a procesoch, ktoré prepájajú jeho jednotlivé moduly.
Moja práca
- Podieľal som sa na vývoji platformy od základov v tíme dvoch frontendových a dvoch backendových vývojárov.
- Tvoril som konfigurovateľné dátové obrazovky a formuláre a prepájal frontend s API a dátovými službami.
- Vyvíjal som rozhrania máp staníc, nabíjania, cenových a prístupových politík, účtov a pracovných priestorov.
- Pracoval som na plánovači infraštruktúry, projektovej dokumentácii a reportoch.
- Popri frontende som prispieval do vybraných Node.js endpointov a MySQL views.
Čomu som sa venoval
Konfigurovateľná administrácia a dátové tabuľky
Vyvíjal som MUI DataGrid obrazovky riadené metadátami, s vlastnými bunkami, zoskupovaním, agregáciami a súhrnnými riadkami. Pracoval som na dynamických formulároch, CRUD operáciách, mapovaní CSV polí, validácii a reportovaní chýb importu. Konfigurácia sa dala opakovane využiť, pričom jednotlivé obrazovky podporovali svoje špecifické dáta a procesy.
Mapy staníc a prepojené detaily
Vyvíjal som procesy mapového rozhrania prepájajúce zoznamy staníc, filtrovanie podľa výrezu, vyhľadávanie a hierarchické detaily. Pracoval som s dátami viac ako 5 000 staníc a synchronizoval pohľady lokalít, staníc a konektorov.
Nabíjanie a cenové politiky
Vyvíjal som rozhrania detailu konektora, výberu vozidla a RFID, aktívneho nabíjania, dobíjania kreditu a platobných kariet. Pracoval som na formulároch cenových politík, rozvrhoch, prístupových obmedzeniach a konzistentnom zobrazovaní cien s DPH.
Plánovač infraštruktúry a dokumentácia
Pracoval som na interaktívnych úpravách trás a prvkov infraštruktúry, undo/redo, verziách projektu a serializácii. Súvisiace funkcie zahŕňali materiálové reporty, editovateľnú dokumentáciu lokality, PDF výstupy a obrazové či dokumentové prílohy.
Pracovné priestory, účty a každodenný vývoj
Podieľal som sa na navigácii pracovných priestorov, používateľských a profilových procesoch, prekladoch, responzivite a konzistentnom správaní rozhrania. Boli to prepojené časti jedného produktu, nie samostatné ukážkové obrazovky.
API integrácie a odolnosť rozhrania
Prepájal som frontend s autorizovanými API a dátovými službami a prispieval do niektorých Node.js endpointov a MySQL views. Pracoval som na prevencii duplicitných registračných požiadaviek, postupnom retry/backoff pri výpadkoch a obnove rozhrania po zotavení služby.
Výsledok
Spoločne vyvíjaný produkt od prvých základov po širokú škálu funkcií portálu. Odkazy vedú na verejný web a mapu nabíjania; časti po prihlásení prezentujem opisom vlastnej práce.
Technológie
- React
- Next.js
- TypeScript
- Material UI
- MUI DataGrid
- Google Maps
- REST APIs
- Node.js
- MySQL
- Prisma
- AWS S3