Questo progetto è un clone di Pexels che permette di cercare e visualizzare foto e video utilizzando l'API di Pexels. L'interfaccia è stata sviluppata con HTML5, JavaScript e CSS, ed è completamente responsive per tutti i dispositivi.
- 🔍 Ricerca avanzata: Ricerca foto e video con filtri dinamici
- 🖼️ Visualizzazione contenuti: Layout a griglia con effetti hover moderni
- 📥 Download multipli: Opzioni di download in diverse qualità
- 💫 Modal interattivo: Preview dettagliata con informazioni complete
- 🏷️ Tag correlati: Suggerimenti di ricerca basati sui contenuti
- 🔄 Contenuti simili: Suggerimenti personalizzati sotto ogni contenuto
- 📱 Design responsive: Ottimizzato sia per mobile (<728px) che desktop (>1028px)
- 🌐 Condivisione social: Integrazione con i principali social network
- ✨ Layout migliorato: Allineamento social icons ottimizzato
- 🏷️ Tag dinamici: Suggerimenti correlati al contenuto visualizzato
- 📱 Responsive ottimizzato: Breakpoint raffinati per una migliore esperienza
- 🔍 UX migliorata: Navigazione più intuitiva e fluida
- 💡 Suggerimenti di ricerca: Tag correlati per scoprire nuovi contenuti
- 🎨 UI pulita: Interfaccia minimalista e moderna
- HTML5 - Struttura semantica e accessibile
- CSS3 - Stile moderno con flexbox e grid
- JavaScript (ES6+) - Gestione API e interazioni utente
- Fetch API - Integrazione API Pexels
- Font Awesome 6.0 - Iconografia moderna
- Google Fonts - Font Inter per una tipografia pulita
├── 📄 index.html # Struttura principale
├── 📄 styles.css # Stili generali
├── 📄 modal.css # Stili modal e overlays
├── 📄 script.js # Logica JavaScript
└── 📁 img/ # Assets e risorse
-
Modal interattivo:
- Preview HD dei contenuti
- Info complete sul creator
- Opzioni di download multiple
- Tag correlati cliccabili
- Contenuti simili suggeriti
-
Sistema di ricerca:
- Filtro foto/video
- Suggerimenti dinamici
- Tag correlati
- Ricerca istantanea
-
UX ottimizzata:
- Infinite scroll
- Loading states
- Transizioni fluide
- Responsive breakpoints ottimizzati
- Dark mode
- Filtri avanzati per la ricerca
- Sistema di collections
- Area utente personalizzata
- Ottimizzazione performance
Il progetto è aperto a contributi! Sentiti libero di proporre miglioramenti aprendo una issue.
Distribuito sotto licenza MIT. Vedere LICENSE
per maggiori informazioni.