Skip to content

henry8913/4_JavaScript-Advanced-CH3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📸 Pexels Clone

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.

Cover


📌 Funzionalità Principali

  • 🔍 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

🎯 Miglioramenti Recenti

  • 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

🚀 Tecnologie Utilizzate

  • 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

📂 Struttura del Progetto

├── 📄 index.html     # Struttura principale
├── 📄 styles.css     # Stili generali
├── 📄 modal.css      # Stili modal e overlays
├── 📄 script.js      # Logica JavaScript
└── 📁 img/          # Assets e risorse

⚙️ Funzionalità Dettagliate

  • 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

🔄 Aggiornamenti Futuri

  • Dark mode
  • Filtri avanzati per la ricerca
  • Sistema di collections
  • Area utente personalizzata
  • Ottimizzazione performance

🤝 Contributi

Il progetto è aperto a contributi! Sentiti libero di proporre miglioramenti aprendo una issue.


👤 Autore

Henry

📝 Licenza

Distribuito sotto licenza MIT. Vedere LICENSE per maggiori informazioni.

About

Pexels Clone

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published