Souvenirs est une application web interactive qui répertorie mes souvenirs personnels de la pop culture des années 90.
Jeux vidéo, dessins animés, films, jouets, pubs cultes… un vrai plongeon dans l’époque des cassettes VHS, des tamagotchis et des débuts d’internet.
Conserver, explorer et partager les références culturelles qui ont marqué mon enfance dans les années 90.
C’est une galerie visuelle, interactive et nostalgique.
- ✅ Chargement dynamique des souvenirs depuis un fichier JSON
- ✅ Affichage en galerie avec filtres par catégorie (dessins animés, jeux, etc.)
- ✅ Lecture de vidéos YouTube dans une modale
- ✅ Interface responsive et intuitive
- ✅ Navigation fluide avec filtres actifs
- HTML5
- CSS3
- JavaScript (Vanilla JS)
- JSON (pour les données)
/assets
/data
souvenirs.json ← Fichier contenant les souvenirs
/img ← Images des souvenirs
/index.html ← Page principale
/app.js ← Script JS principal
/style.css ← Feuille de style
-
Clone le dépôt :
git clone https://github.com/ElmahdiK/souvenirs.git cd souvenirs
-
Ouvre
index.html
dans ton navigateur :- En double-cliquant
- Ou via une extension type Live Server sur VS Code
[
{
"img": "assets/img/pokemon.jpg",
"title": "Pokémon",
"type": "anime",
"video": "dQw4w9WgXcQ"
},
{
"img": "assets/img/gameboy.jpg",
"title": "Game Boy",
"type": "console",
"video": "QvF3_8N9NLc"
}
]
Merci à tous ceux qui partagent cette même nostalgie des années 90 !
Ce projet est personnel, mais je serais ravi de le voir évoluer grâce à vos retours.
Projet open source sous licence MIT.