PROJEKT

Webový nástroj na generovanie faviconov pre vývojárov a dizajnérov

Tvorba technickej špecifikácie, UI/UX dizajn, Implementácia spracovania obrázkov, Vývoj front-endu v HTML/CSS/JS, Vývoj backendu v PHP, Generovanie faviconov a manifestu, Testovanie a optimalizácia, Nastavenie administrátorskej konfigurácie, Konzultácie v oblasti hostingu a podpora nasadenia

  • Odvetvie: Služby webového vývoja
  • Lotyšsko Lokalita: Lotyšsko
  • Čas dodania: 6 týždňov
  • Technológie: PHP, JavaScript
  • Hodnotenie: 5/5
2 mesiacov

Prehľad projektu

Cieľom projektu bolo vytvoriť webový nástroj podobný realfavicongenerator.net, ktorý používateľom umožňuje generovať favicony z nahraných obrázkov (PNG, JPEG, SVG atď.). Používatelia si mohli favicony pre rôzne platformy (iOS, Android, Windows, macOS) zobraziť v náhľade, prispôsobiť ich a stiahnuť vygenerované súbory spolu s HTML kódom na vloženie.

Nástroj obsahuje pokročilé funkcie, ako orezávanie, kompresiu, vlastné okraje a automatické mazanie vygenerovaných súborov.

Medzi kľúčové funkcie patrilo nahrávanie obrázkov metódou drag & drop, potvrdzovacie modálne okno s rozmermi obrázka, nástroj na orezávanie neštvorcových obrázkov, simulačné náhľady pre viaceré platformy (desktop, iOS, Android atď.) a nastavenia prispôsobenia (pozadie, okraj, kompresia, verzovanie). Nástroj ponúkal aj stiahnutie ZIP archívu s kompletným balíkom faviconov a HTML kódom, spracovanie SVG s rezervnou konverziou do PNG, administrátorskú konfiguráciu cez JSON (bez backendového panela), automatické mazanie vygenerovaných údajov a viacstupňové rozhranie podľa štruktúry RFG.

Klient vyjadril spokojnosť s procesom vývoja a flexibilitou spolupráce. Zdôraznil potrebu minimalistického prístupu a zachovania kreatívnej slobody. Napriek technickým problémom zostala spoločnosť 2410 pohotová a rýchlo zapracovávala spätnú väzbu aj aktualizácie. Klient ocenil pevné „jadro“ systému, jasnú komunikáciu a dodanie funkčného nástroja pripraveného na ďalšie úpravy z jeho strany.

- Gennady, SIA Webby

Dodané kľúčové funkcie

  • Nahrávanie obrázkov metódou drag & drop
  • Potvrdzovacie modálne okno s rozmermi obrázka
  • Nástroj na orezávanie neštvorcových obrázkov
  • Simulačné náhľady pre viaceré platformy (desktop, iOS, Android atď.)
  • Nastavenia prispôsobenia (pozadie, okraj, kompresia, verzovanie)
  • Stiahnutie ZIP archívu s kompletným balíkom faviconov a HTML kódom
  • Spracovanie SVG s rezervnou konverziou do PNG
  • Administrátorská konfigurácia cez JSON (bez backendového panela)
  • Automatické mazanie vygenerovaných údajov
  • Viacstupňové rozhranie podľa štruktúry RFG

Screenshoty

Hlavná stránka generátora faviconov s nahrávaním obrázkov metódou drag & drop a prehľadom podpory platforiem a prehliadačov.

Hlavná stránka generátora faviconov s nahrávaním obrázkov metódou drag & drop a prehľadom podpory platforiem a prehliadačov.

Stránka s výsledkami zobrazujúca náhľady faviconov v rôznych rozlíšeniach a živý náhľad v systéme iOS.

Stránka s výsledkami zobrazujúca náhľady faviconov v rôznych rozlíšeniach a živý náhľad v systéme iOS.

Technologický stack

PHP
JavaScript
jQuery
Cropper.js
Imagick
Responsive web design
JSON config-based admin