Služby
- produktový návrh
- vývoj na mieru
- drag-and-drop editor
- responzívne layouty
- export a import dát
Späť na vývoj na mieru a open source
Vlastný vývoj / Web builder
Web buildery — niekoľko generácií produktu vytvorených od zelenej lúky.
Od konfigurovateľných vstupov a šablón nad JSON dátami cez komponentový drag-and-drop systém až po aktuálny editor postavený na Reacte, Next.js a Tailwinde.
produktový návrhvývoj na mierudrag-and-drop editorresponzívne layoutyexport a import dát
Aktuálne vyvíjaná generácia web buildera
Zhrnutie
Dlhodobý vlastný vývoj, ktorý prešiel viacerými produktovými generáciami.
Prvý builder pracoval s konfiguráciou vstupov a výberom šablóny nad výslednými dátami. NetLife Ninja priniesol hotové komponenty a drag-and-drop. Aktuálny systém oddeľuje obsah, štruktúru, preview a kód a používa responzívne sekcie a layouty.
Technický rozsah
Čo bolo súčasťou projektu.
Pri referenciách neukazujeme len výsledný vzhľad, ale aj rozsah práce, použité technológie a zodpovednosť za celé riešenie.
Technológie
- React
- Next.js
- TypeScript
- Tailwind CSS
- JSON
- JetBrains PhpStorm
Zodpovednosť
- návrh architektúry jednotlivých generácií
- vývoj komponentového a sekčného editora
- drag-and-drop správanie
- oddelenie obsahu, štruktúry, preview a kódu
- responzívne zobrazenie a export
Hlavné body
Projekt nie je iba screenshot.
Pri dobrom webe alebo aplikácii je dôležitý aj obsah, architektúra, technická kvalita, nasadenie, výkon a ďalší rozvoj.
niekoľko generácií buildera vytvorených od zelenej lúky
konfigurovateľné vstupy a šablóny nad JSON dátami
drag-and-drop komponenty a responzívne sekcie
praktická skúsenosť s produktovým rozsahom aj zbytočnou komplexitou
Kontext projektu
Zadanie a riešenie.
Vývoj produktu
Web builder nebol jednorazový experiment. Jednotlivé generácie vznikali postupne podľa nových požiadaviek a skúseností z predchádzajúcich verzií.
Aktuálna generácia
Nový editor je postavený na Reacte, Next.js a Tailwinde. Pracuje so stránkami, navigáciou, sekciami, komponentmi, responzívnymi layoutmi, preview a exportom.
Pracovné prostredie
Frontendová a PHP časť vývoja prebieha v nástrojoch JetBrains, najmä v PhpStorme.
Galéria
Kúsok z nášho sveta...
Kliknutím na obrázok sa otvorí prehliadanie vo veľkom náhľade. V galérii fungujú šípky, klávesnica a zväčšenie obrázka.
Podobný projekt
Potrebujete podobné riešenie?
Pošlite stručný opis projektu. Pozrieme sa na rozsah, technické riešenie, grafiku, web, aplikáciu, nasadenie alebo ďalší rozvoj.
Konzultovať projekt