Zero code, doar idei. Cum am lansat o aplicație web cu ajutor de la ChatGPT

De multe ori, tehnologia ne poate intimida, mai ales atunci când nu avem cunoștințe de programare. Cu toate acestea, am descoperit că nu este necesar să știi să scrii cod pentru a crea un instrument util, mai ales când ai la dispoziție un asistent AI precum ChatGPT. Așa că m-am aventurat să dezvolt o unealtă online pentru crop & resize al imaginilor, deși nu aveam cunoștințe tehnice și nici posibilitatea de a verifica codul generat.

Cum a început totul? De la o idee simplă la o aplicație online utilă

Totul a început cu o nevoie specifică: aveam nevoie de o aplicație care să redimensioneze imaginile la o anumită dimensiune foarte bine stabilită, dar și cu un minim necesar de DPI, fără a tăia elemente esențiale din imagini, cum ar fi capetele persoanelor sau textul important. De asemenea, vroiam să pot încărca mai multe imagini deodată și să primesc un preview înainte de descărcare. Folosesc aceste imagini pentru a ilustra articolele din publicațiile Trustului Media CityDigital.

Așa că am apelat la ChatGPT. I-am explicat cât de simplu am putut ce îmi doream. Deși nu știu să scriu cod și nu aveam cum să verific dacă ceea ce îmi genera era corect, am încercat să descriu cât mai clar funcționalitățile necesare.

Cum să faci magie cu codul fără să știi cum funcționează? Provocările întâlnite pe parcurs

Una dintre primele provocări a fost legată de dimensiunea imaginilor și de modul în care acestea ar trebui redimensionate. Am vrut să mă asigur că imaginile cu text sau grafică nu vor fi tăiate și că persoanele din imagini nu vor avea mai mult de 4 degete de “luft” deasupra capului. Era crucial ca imaginile să nu fie distorsionate în procesul de redimensionare.

Am încercat să explic acest lucru lui ChatGPT în termeni cât mai simpli. I-am spus, de exemplu, că nu vreau ca textele să fie tăiate sau să distorsionez fața cuiva. După câteva încercări și ajustări, ChatGPT mi-a oferit un cod care să îmi permită să redimensionez corect imaginile, păstrând integritatea elementelor esențiale.

Butoane care apar doar când trebuie și interfețe care nu derutează

Apoi, a trebuit să mă asigur că aplicația arăta și funcționa așa cum îmi doream. Vroiam să am un buton de “Download ALL” care să apară doar după ce imaginile au fost procesate. La început, acest buton apărea tot timpul, ceea ce putea crea confuzie.

Am încercat să explic lui ChatGPT că acest buton ar trebui să fie ascuns la început și să apară doar atunci când totul e gata. Cu ajutorul AI-ului, am reușit să setez interfața astfel încât butonul să fie vizibil doar după ce imaginile au fost procesate și sunt gata de descărcare.

Navigare ușoară și plăcută prin imagini

Un alt aspect important a fost navigarea între imagini în modul full-screen. Doream ca utilizatorii să poată folosi tastele săgeți pentru a naviga între imagini și să aibă opțiunea de a descărca fiecare imagine individual sau toate odată.

Am explicat acest lucru lui ChatGPT și am reușit să implementez o funcționalitate care să permită utilizatorilor să se deplaseze între imagini în mod intuitiv, folosind doar tastatura. A fost un alt pas important în crearea unei aplicații care nu doar că funcționează bine, dar și oferă o experiență plăcută utilizatorilor.

Ce am învățat din această experiență

După câteva ore de muncă și ajustări continue, am reușit să finalizez aplicația. Aceasta funcționează exact cum mi-am dorit: permite redimensionarea și cropparea imaginilor, oferă un preview înainte de descărcare, și face totul într-o interfață simplă și intuitivă.

Reflectând la această experiență, am realizat cât de puternic este un instrument precum ChatGPT. Chiar și fără cunoștințe avansate de programare, am reușit să creez ceva util și funcțional. Procesul nu a fost lipsit de provocări, dar fiecare problemă a fost o oportunitate de a învăța ceva nou și de a îmbunătăți proiectul.

Dacă ești curios să vezi cum funcționează aplicația sau să o testezi, poți să-ți las, în privat un link. Aplicația este de uz intern, așa că nu o voi face publică aici.

Cum să colaborezi cu AI-ul

Colaborarea mea cu ChatGPT a fost una productivă și educativă. De la concept până la execuție, am reușit să dezvolt o unealtă online care să răspundă nevoilor mele, și asta cu ajutorul unui asistent AI. Apropo, după ce am terminat aplicația și am publicat-o online, i-am cerut lui ChatGPT să scrie acest articol. Am făcut mici modificări prin el și apoi l-am publicat. Până și imaginea este generată de ChatGPT ca să ilustreze acest text.