ПРОЕКТ

Веб-алатка за генерирање фавикони за програмери и дизајнери

Развој на техничка спецификација, UI/UX дизајн, Имплементација на обработка на слики, Фронтенд-развој со HTML/CSS/JS, Бекенд-развој со PHP, Генерирање фавикони и манифест, Тестирање и оптимизација, Поставување администраторска конфигурација, Консултации за хостинг и поддршка при поставување

  • Индустрија: Услуги за веб-развој
  • Латвија Локација: Латвија
  • Време на испорака: 6 недели
  • Технологии: PHP, JavaScript
  • Оценето: 5/5
2 месеци

Преглед на проектот

Целта на проектот беше да се создаде веб-алатка со структура слична на realfavicongenerator.net, која им овозможува на корисниците да генерираат фавикони од поставени слики (PNG, JPEG, SVG и сл.). Корисниците можеа да прегледуваат и приспособуваат фавикони за различни платформи (iOS, Android, Windows, macOS) и да ги преземаат генерираните ресурси со HTML-код за вметнување.

Алатката вклучува напредни функции како сечење, компресија, приспособливи маргини и автоматско чистење на генерираните датотеки.

Клучните функции вклучуваа поставување слики со drag & drop, модален прозорец за потврда со димензии на сликата, алатка за сечење нес квадратни слики, симулациски прегледи за повеќе платформи (десктоп, iOS, Android и сл.) и поставки за приспособување (позадина, маргина, компресија, верзионирање). Дополнително, алатката нудеше ZIP-преземање со целосниот пакет фавикони и HTML-код, обработка на SVG со резервна PNG-конверзија, администраторска конфигурација преку JSON (без бекенд-панел), автоматско бришење на генерираните податоци и интерфејс во повеќе чекори, усогласен со структурата на RFG.

Клиентот изрази задоволство од процесот на развој и флексибилноста на соработката, нагласувајќи ја потребата од минималистички пристап и зачувување на креативната слобода. Иако се појавија технички проблеми, 2410 остана достапен и брзо ги имплементираше повратните информации и ажурирањата. Клиентот го ценеше стабилното „јадро“ на системот, јасната комуникација и конечната испорака на функционална алатка, подготвена за дополнително усовршување од нивна страна.

- Gennady, SIA Webby

Испорачани клучни функции

  • Поставување слики со drag & drop
  • Модален прозорец за потврда со димензии на сликата
  • Алатка за сечење нес квадратни слики
  • Симулациски прегледи за повеќе платформи (десктоп, iOS, Android и сл.)
  • Поставки за приспособување (позадина, маргина, компресија, верзионирање)
  • ZIP-преземање со целосниот пакет фавикони и HTML-код
  • Обработка на SVG со резервна PNG-конверзија
  • Администраторска конфигурација преку JSON (без бекенд-панел)
  • Функција за автоматско бришење на генерираните податоци
  • Интерфејс во повеќе чекори, усогласен со структурата на RFG

Слики од екранот

Главната страница на генераторот на фавикони со поставување слики преку drag-and-drop и преглед на поддржаните платформи и прелистувачи.

Главната страница на генераторот на фавикони со поставување слики преку drag-and-drop и преглед на поддржаните платформи и прелистувачи.

Страницата со резултати, која прикажува прегледи на фавикони во повеќе резолуции и преглед во живо на iOS.

Страницата со резултати, која прикажува прегледи на фавикони во повеќе резолуции и преглед во живо на iOS.

Технолошки стек

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