000
Full-Stack Web Development & Design

Rome Explorer

Un ghid turistic interactiv și estetic bazat pe hartă, creat pentru explorarea Romei. Include marcaje pentru atracții, calcularea rutelor pietonale, curiozități generate de IA și locații pentru cumpărături. Dezvoltat rapid ca o provocare, utilizând instrumente de dezvoltare bazate pe inteligență artificială.

Stivă tehnologicăNext.js 16 (App Router), MapLibre GL, TypeScript, Tailwind CSS, React, Vercel AI Gateway, OpenAI GPT-4o Mini, Lucide React, Shadcn UI
DomeniuTurism & Călătorii
RolFull-Stack Developer & UI Engineer
Funcționalități de bază

Hartă interactivă cu marcaje pentru atracții

Hartă cu pini vizuali pentru toate obiectivele majore din Roma, locații de shopping și un punct de pornire personalizat, având pictograme și animații create pe comandă.

Calculator de rute pietonale

Configurarea unor puncte personalizate de pornire și sosire (sau utilizarea GPS-ului) pentru a calcula și afișa rutele de mers pe jos direct pe hartă, împreună cu distanța aferentă.

Curiozități generate de IA

Streaming de informații interesante generate de IA despre fiecare obiectiv istoric în limba rusă, folosind Vercel AI Gateway și GPT-4o Mini pentru o experiență captivantă.

Integrare cu locația GPS

Geolocalizare în timp real pentru a identifica poziția utilizatorului, a o seta ca punct de plecare și a calcula distanțele până la cele mai apropiate atracții.

Interfață adaptivă și animații

Design de tip mobile-first cu animații fluide, panouri glisante (bottom sheets) pentru mobil și carduri adaptive pentru desktop, stilizate personalizat prin Tailwind CSS.

Carduri interactive pentru locații

Carduri detalitate pentru fiecare locație, conținând imagini, recenzii TripAdvisor, descrieri și acțiuni rapide pentru a iniția navigarea.

Rome Explorer

Rome Explorer este o aplicație interactivă de asistență turistică concepută pentru explorarea Romei. Dispune de o interfață grafică superbă cu hartă și marcaje pentru principalele monumente istorice, zone comerciale și o bază de pornire fixată de utilizator. Utilizatorii pot stabili trasee, pot folosi funcția GPS pentru coordonatele curente și pot descoperi curiozități inedite generate de IA în limba rusă. Aplicația a fost creată ca un test rapid de evaluare a fluxurilor de lucru asistate de inteligența artificială.

Provocarea și soluția

Principala provocare a constat în crearea unui produs complet funcțional într-un interval de timp extrem de strâns — cu doar 3 zile înainte de călătorie la Roma. Acest proiect a permis perfecționarea metodelor de prototipare rapidă utilizând instrumente moderne, integrarea librăriilor de cartografiere (MapLibre GL) cu React, configurarea API-urilor pentru streaming-ul răspunsurilor generate de IA, precum și dezvoltarea unor interfețe adaptive mobile-first cu animații fluide.

Galeria proiectului