Skip to content

gni/qwe

Repository files navigation

Projet QWE

Ce projet est une application web conçue pour rechercher et afficher des articles stockés dans un fichier JSON. Il utilise Next.js comme framework front-end et offre des fonctionnalités de recherche en temps réel, de navigation entre les pages d'articles et de changement de thème.

Caractéristiques

  • Recherche en temps réel : permet aux utilisateurs de filtrer les articles en fonction des termes recherchés.
  • Navigation entre les pages : pagination des résultats pour une meilleure lisibilité.
  • Affichage des articles : cliquez sur un article pour lire son contenu complet dans une fenêtre modale.
  • Changement de thème : basculez entre le thème jour et nuit pour améliorer la lisibilité selon vos préférences.
  • Touches de raccourci : utilisation des flèches gauche et droite pour naviguer entre les pages, et de la touche ESC pour fermer la fenêtre modale des articles, touches gauche/droite pour naviguer entre les pages.

Note importante

Veuillez noter que certaines réponses dans le contenu pourraient être erronées. Cela fait partie d'une expérience d'apprentissage automatique (MLOps). Assurez-vous de vérifier et de confirmer les informations avant de vous y fier entièrement.

Installation

  1. Clonez ce dépôt :
git clone https://github.com/exaluc/qwe
cd qwe
  1. Installez les dépendances :
npm install
  1. Exécutez le projet en mode développement :
npm run dev

Dépendances principales

  • Next.js : un framework React pour le développement d'applications côté serveur.
  • React Markdown : pour rendre le contenu Markdown des articles.
  • Prism : pour la coloration syntaxique du contenu des articles.
  • next/image : pour l'optimisation des images.

Contribution

Les contributions sont les bienvenues ! N'hésitez pas à ouvrir un "issue" ou à soumettre un "pull" request.

Licence

Ce projet est sous licence [MIT]. Voir le fichier LICENSE pour plus d'informations.