Prehľad

Single-page web aplikácia navrhnutá na to, aby používateľom umožnila zachytiť selfie priamo z kamery zariadenia, vylepšiť ich pomocou Photoroom image processing API, a poskytnúť jednoduché nástroje na úpravu, náhľad a stiahnutie. Vytvorená s React + TypeScript stack, aplikácia zaručuje plynulý výkon, udržiavateľný kód a vysoko interaktívny používateľský zážitok.

---

Kľúčové funkcie

• Zachytávanie z kamery

  • Integrované s natívnymi API kamery zariadenia pre jednoduché fotenie.
  • Podpora pre mobilné aj desktopové zariadenia s responzívnym rozložením.

• Spracovanie obrázkov cez Photoroom API

  • Odosielanie zachytených selfie do Photoroom API na odstránenie pozadia a vylepšenie.
  • Návrat spracovaných obrázkov v reálnom čase pre náhľad a úpravy.

• Nástroje na úpravu obrázkov

  • Poskytuje ovládacie prvky pre zmenu veľkosti, presúvanie a aplikovanie základných filtrov.
  • Živý náhľad zmien pred finálnym stiahnutím.

• Možnosti stiahnutia

  • Používatelia môžu exportovať selfie vo viacerých formátoch (JPEG, PNG).
  • Optimalizovaný proces sťahovania pre mobilné aj desktopové zariadenia.

---

Tech Stack

Frontend

• React – Architektúra založená na komponentoch pre tvorbu dynamických UI.
• React Router – Client-side routing pre plynulý single-page zážitok.
• TypeScript – Silná typová kontrola pre škálovateľný a udržiavateľný kód.
• TailwindCSS – Utility-first štýlovanie pre rýchly a konzistentný dizajn.

Backend / API Integrácia

• Photoroom API – Spracovanie obrázkov, odstránenie pozadia a vylepšenie selfie.
• Vite – Moderný build nástroj pre rýchly vývoj a optimalizované produkčné buildy.

Ďalšie nástroje

• Git & GitHub – Verzovanie kódu a kolaboratívne workflowy.
• GitHub Actions – Automatizované nasadenia a testovacie náhľady.
• ESLint + Prettier – Dodržiavanie kódovacích štandardov a konzistentné formátovanie.

---

Repository & Demo

• Zdrojový kód: súkromný repozitár
• Live Demo: For Every You - EN