Pacsi – kutyafajta-választó app leendő gazdiknak

A cél

A megoldás

Képernyőképek (5)

Kezdőprompt

Ez az a prompt, amellyel a projekt elindult. A további iterációkat a prompt library mutatja be.

Alább egy kutyavásárlást tervezőknek szóló, a kutyaválasztást sehítő app vázlata. Tedd ezt telejssé, egészítsd ki bármivel, amivel kellene, hogy eyg siekres, látványos, nagyon népszerű weboldal és pwa app legyen belőle. Egy md filet várok tőled, amiben a réslzets speckó van benne - kódolni nem kell, de a UI/UX desingon agyalj, z szép legyen - ha megvan a leírás, képet kell majd generálnod a laptop és mobil képernyőre külön- külön alább a vázlat csinálj egy nagyon látványos vizulizácitót a kutyafajtákra és csoportosításukra, szűrésükre különböz szempontok szerint. Gyűjtsd össze a 40-60 legnépszerűbb, európában tartott kutyafajtát maygarul Minden kutyához találj egy fotót – vagy generálj egy rajzot A vizuéizáció egy web oldal laptopra valamint egy PWA mobilra Laptopon a képernyőn megjelennek a kutyfajták kis képei – designos kisci keretben, pl körben, véletlenszerűen elszóra, hooverre kiíródik a kutya neve. A képernyő szélén különböző szűrőket lehet beállítani (méretkategória, funkció, sima, közép hosszú ször, gyerekbarát, idomítható, hangos, stbb, stb – amiket szokta használni a kutyafajták kategorzálásánál Ha a user kiválaszt egy filtert, az ahhoz tartozó kutyafajták kör képei, kicsit nagyobbak lesznek, előrébb jönnek – mintha előre ugranának – ha még egy szűrőt kiválasztokk az még előrébb jön. Ugy kell a méreteket kitalálni, akár menet közben is változatni, hogy minden kör látható legyen. Mobilom ez így valószínűleg nem fér ki, de egy ötlet pl, hogy alul vannak a szűrők. Alap esetben nagyon kicsik a körök és minden ktyafajta kis képe felfér. Ha egy filtert kviáalsztok, akkor az annak nem megfelelő kutyák körei felfelé kirepülnek a képernyőről és a maradék körök, formák a fajtákkal nagyaobbak leszenk – ha még egy szűrűt bekapcsolok, akkor amelyik nem felel meg most már annaka szűrőnek sem, az is felfelé kirepül és az marad a képernyőn, ami mindkettőenk megfelel – ez egy ötlet, ha van jobb mondd. Nagyon fontosak a kis megejelnési, mozgási, méretnövekedés és csökkenési animációk, effektek, pulzálások – ezeketől lesz látváynos a kép, a web oldal a pwa A mobil pwas esetében oylan az egész, mintha egy valós mobil app lenne. A kis kutyaképek generálásához használhatsz generálást – de nem kell képenként egyet – generálhatsz olyan képet melyben pl rácsban van 4*4 fajta képe és szétvágod. Aképek ugye kicsik. Lap toponon hooverre kiíródik a kutyafajta neve – klikkre kis kártya jelenik meg egy nagyobb képpel és a kutyafajta leírásával Az egész egy standalon html megoldás – nem kell adatbázis. Nagyon fotnosak az effektek, pulzáslások, átmozdulások, mellyekkel a szűrés hatása látszik a fajták formáira, pöttyeire. A maguk a filterek is legyenek designosak – mobilra lehet egy ikonos változat, hogy jobban elférjen. Ha az t érzed érdemes még funkciót hozzátenni – tedd meg. A képek generálására beteszek a folderbe egy chatgpt api-t