Ces instructions vont vous permettre d’obtenir une version fonctionnelle de notre projet, HiStory, sur votre machine locale. HiStory est un site web qui regroupe vos prochains contenus à visionner ou à lire, organisés dans une bibliothèque. Chaque contenu peut être ajouté grâce aux formulaires de la fonctionnalité "ajouter". Veuillez lire les instructions suivantes pour une expérience optimale.
Ce projet a été testé avec HTML5, CSS3 et JavaScript sur Google Chrome. L'installation des versions les plus récentes est recommandée pour une compatibilité optimale.
- Désarchiver
webProject-M1BI-LamTouami.tar. Sur Linux, vous pouvez exécuter la commande suivante :
tar -xvf webProject-M1BI-LamTouami.tar
- Ouvrir le fichier
history/src/home.htmlsur votre navigateur préféré.
- Pour prévisualiser et pré-remplir les bibliothèques, des fichiers JSON ont été utilisés.
- Pour expérimenter les fonctionnalités d'ajout de contenu, nous utilisons le Local Storage en JavaScript. À l'avenir, il serait intéressant d'explorer l'utilisation d'une véritable base de données, car le Local Storage présente des limitations importantes en termes de capacité de stockage (seule une image peut être stockée) et de sécurité.
Astuce : Cliquez sur notre logo pour revenir à la page d'accueil depuis n'importe où sur le site.
- NadfriJS Comprendre le localStorage Pour débutant avec exemples en Javascript (2021)
- Slaying The Dragon Learn Flexbox CSS in 8 minutes
- GreatStack How To Create Drag And Drop Image Uploader Using HTML CSS and JavaScript
- dcode Get JSON with the Fetch API
- Web Dev Simplified Learn JSON in 10 Minutes
- Stack Overflow How to save an image to localStorage and display it on the next page?
- Online Tutorials Pure CSS Star Rating Widget - How To Create a Simple Star Rating with Html and CSS
- Qixotl LFC Build a HTML Date Dropdown Picker
- Learn Web Creating Responsive CSS Cards | Card Design HTM & CSS
- Online Tutorials Parallax Scrolling Website | How to Make Website using Html CSS & Javascript