KIV/BOPX – Praxe ve vývoji webových aplikací v Reactu + React Query- Filip Doležal

Praxe je orientovaná na vývoj webové aplikace v Reactu zaměřené na zaznamenávání sportovních aktivit a jejich přepočet na vybranou částku (např. v rámci dobročinných výzev). Student bude využívat moderní nástroje React ekosystému včetně knihovny React Query.

Navržený typ práce: Odborná praxe     Celkový stav inzerátu: Obsazené


V rámci praxe student absolvuje následující firemní kolečko:

1. Školení – Úvod do vývoje frontendových aplikací v Reactu.
Architektura React aplikace, komponentový přístup, správa stavu, hooks, základní principy
moderního frontend vývoje.

2. Školení – Práce s daty a API pomocí React Query.
Základy práce s daty, správa mezipaměti, refetching, error handling a optimalizace dotazů.

3. Školení – Firemní standardy pro vývoj v Reactu.
Linting, code style, struktura projektu, best practices, dokumentace.
4. Školení – Nástroje pro týmovou spolupráci a verzování.
Git, GitLab, SCRUM, CI/CD, code reviews, práce s repozitářem.

5. Praxe ve vývojovém týmu na projektu: Základ – Webová aplikace pro sledování
sportovních aktivit.
V rámci praxe student vyvíjí konkrétní funkce aplikace:
- Přihlášení a registrace uživatele
- Dashboard / Můj přehled: možnost přidat nový záznam (běh, chůze, kolo) + statistika (km
a částky) za měsíc, celkově a po kategoriích
- Statistika: zobrazení aktivit v přehledných grafech/tabulkách
- Leaderboard: zobrazení TOP uživatelů (např. TOP 10 podle počtu km)
- Nastavení uživatelského profilu
- (Nice to have) Reakce od ostatních uživatelů na jednotlivé záznamy

6. Konzultace s Teamleaderem.
Pravidelné porady, zpětná vazba ke kódu, mentoring a vedení v rámci vývojového procesu.

7. Konzultace s UX/UI designérem a/nebo obchodníkem.
Rady ohledně uživatelské přívětivosti, využitelnosti.

Použité technologie: React, React Query, TypeScript, SASS, GitLab, Vite, CI/CD, případně knihovny jako Chart.js nebo Recharts, Axios, Zustand / Context API.

Souvislost praxe s mým studiem:

Praxe mi umožní získat praktické zkušenosti s vývojem webových aplikací v moderním JavaScriptovém frameworku (React). Prohloubím své znalosti v oblasti práce s daty a API
pomocí knihovny React Query. Vyzkouším si práci v týmu a seznámím se s nástroji jako jsou GitLab, CI/CD nebo ticketovací systémy. Získám přehled o návrhu UI, tvorbě interaktivních
komponent, práci se stavem aplikace i správou dat. Vše bude zaměřeno na praktické dovednosti potřebné v reálné firmě.




Pro akad. rok: 2024/2025

Vložil: RTSoft

Kontaktní osoba: Tereza Brožíková

Email: -

Telefon: -

Vloženo: 16.4.2025 000 09:36:59

Katedry

Zkratka katedryNázev katedryStavSchválilVedoucí práce
FAV/KIVKatedra informatiky a výpočetní technikySchválenoIng. Martin Dostal, Ph.D.
madostal@kiv.zcu.cz
Ing. Martin Dostal, Ph.D.
madostal@kiv.zcu.cz