Skip to content

adjagbafortune/api-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GitHub API Portfolio

Une application web dynamique, légère et sans dépendance, conçue pour interagir en temps réel avec l'API REST de GitHub. Elle récupère, filtre et affiche automatiquement les dépôts publics d'un utilisateur.

Fonctionnalités

  • Synchronisation en temps réel : Requêtes HTTP (fetch) vers les endpoints publics de GitHub (api.github.com/users/{username}/repos).
  • Gestion de la pagination : Parcours automatique de toutes les pages de résultats pour charger l'intégralité des dépôts.
  • Recherche dynamique : Filtrage instantané côté client par nom de projet ou par langage de programmation.
  • Tri intelligent : Organisation des dépôts par date de mise à jour, popularité ou ordre alphabétique.
  • Interface Responsive : Design adaptatif basé sur CSS Grid et Flexbox pour une consultation fluide sur mobile et desktop.

Technologies utilisées

  • HTML5 :La structure sémantique.
  • CSS3 : Variables CSS, Grid, Flexbox et Media Queries (Design inspiré de l'interface native de GitHub).
  • JavaScript (Vanilla) : Fonctions asynchrones (async/await), manipulation du DOM et gestion d'événements, sans aucune bibliothèque tierce.

Démonstration en direct

version en production

Installation et utilisation en local

Le projet ne nécessitant aucun processus de build ou d'installation de paquets, le déploiement local est immédiat :

  1. Clonez ce dépôt sur votre machine locale :
    git clone [https://github.com/adjagbafortune/api-portfolio.git](https://github.com/adjagbafortune/api-portfolio.git)
    
  2. Ouvrez le dossier du projet.
  3. Lancez simplement le fichier index.html dans votre navigateur web préféré.

Configuration

Pour adapter ce portfolio à un autre utilisateur GitHub, il suffit de modifier la constante GITHUB_USERNAME au début du script dans le fichier index.html :

// Remplacez 'adjagbafortune' par l'identifiant souhaité
const GITHUB_USERNAME = 'adjagbafortune';

🛡️ Licence

Ce projet est sous License MIT. Vous êtes libre de l'utiliser, de le modifier et de le distribuer.

About

Application web dynamique connectée en temps réel à l'API REST de GitHub pour afficher, trier et filtrer mes dépôts publics.

Topics

Resources

License

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors