🔴 React API Dashboard

React API Dashboard est une application web interactive développée avec React 19 et Vite 7, permettant d’explorer et d’afficher des données issues d’une API REST publique.

Ce projet illustre la mise en œuvre d’une architecture front-end moderne : gestion d’états avec React Hooks, appels asynchrones à une API, et affichage dynamique sous forme de cartes interactives.
Il met l’accent sur la structuration des composants, les bonnes pratiques de développement et la performance du rendu client.

---

⚡ Aperçu rapide

Fonctionnalité	Détail
📜 Liste de données	Page principale listant des éléments issus d’une API REST publique
🔍 Recherche dynamique	Filtrage en temps réel via un champ de recherche React (useState)
🖼️ Cartes interactives	Composants cliquables affichant les détails d’un élément
ℹ️ Page de détails	Route dédiée affichant les informations complètes récupérées via API
⚛️ Hooks React	useState, useEffect, useLocation pour la gestion d’état et la navigation
🎨 Interface sobre	Design épuré avec typographie rétro et styles personnalisés

---

🚀 Lancer le projet en local

📦 Prérequis

Node.js ≥ 16.x (inclut npm ≥ 8.x)

🧪 Étapes

1. Cloner le repo

git clone https://github.com/Hamzael25/React-api-dashboard.git
cd React-api-dashboard

2. Installer les dépendances et lancer le serveur de dev

npm install
npm run dev