MoneyConvert

Convertisseur de devises moderne, sobre et responsive. Taux de change en temps reel via l'API Frankfurter (Banque Centrale Europeenne).

Fonctionnalites

• Conversion en temps reel entre toutes les devises mondiales (BCE)
• Selecteur avec recherche pour trouver rapidement une devise
• Bouton Swap pour inverser les devises en un clic
• Graphique historique sur 30 jours (Recharts)
• Favoris persistants en localStorage
• Dark mode avec detection automatique de la preference systeme
• Design responsive mobile-first

Tech Stack

Couche	Technologie
Frontend	React 18 (Vite)
Styling	Tailwind CSS 4
Graphiques	Recharts
API	Frankfurter
Persistance	localStorage

Installation

git clone https://github.com/03Dwwm2025/MoneyConvert.git
cd MoneyConvert
npm install

Demarrage

npm run dev

L'app est accessible sur http://localhost:5173.

Build

npm run build
npm run preview

Structure du projet

src/
  components/
    CurrencySelector.jsx   # Dropdown avec recherche
    SwapButton.jsx          # Inversion des devises
    ConversionResult.jsx    # Affichage du resultat
    RateChart.jsx           # Graphique historique 30j
    FavoritesList.jsx       # Paires favorites
    LoadingSpinner.jsx      # Animation de chargement
    Header.jsx              # En-tete + toggle dark mode
  hooks/
    useCurrencies.js        # Liste des devises
    useExchangeRate.js      # Taux de conversion
    useRateHistory.js       # Historique des taux
    useFavorites.js         # Gestion des favoris
    useDarkMode.js          # Theme clair/sombre
  utils/
    frankfurter.js          # Client API Frankfurter
    formatCurrency.js       # Formatage des montants

API

L'application utilise l'API Frankfurter, gratuite et sans cle d'authentification. Les taux sont mis a jour quotidiennement par la Banque Centrale Europeenne (BCE) vers 16h CET.

Licence

MIT