Skip to content

The-WebJunior/REST-Countries-API

Repository files navigation

React + Vite

Ce projet utilise React avec Vite pour un démarrage rapide et des fonctionnalités de HMR (Hot Module Replacement).


Frontend Mentor - REST Countries API with Color Theme Switcher

Design preview

Objectif

Construire une application front-end responsive (adaptée aux mobiles) qui :

  • Affiche les pays à partir de l'API REST Countries.
  • Permet la recherche de pays via un champ de saisie.
  • Filtre les pays par région.
  • Affiche des détails sur un pays en cliquant dessus.
  • Navigue vers les pays frontaliers depuis la page de détail.
  • Offre un mode clair/sombre (optionnel).

Fonctionnalités attendues

  1. Afficher tous les pays sur la page d'accueil.
  2. Rechercher un pays.
  3. Filtrer les pays par région.
  4. Voir les détails d’un pays.
  5. Naviguer entre les pays frontaliers.
  6. Activer/désactiver le mode clair/sombre.
  7. Être responsive sur mobile et desktop.

Suggestions pour démarrer

  1. Initialisez votre projet avec un dépôt public sur GitHub.
  2. Examinez les designs dans le dossier /design.
  3. Construisez l'application étape par étape :
    • Structurez d'abord le HTML.
    • Ajoutez les styles de base (polices, couleurs, etc.).
    • Travaillez section par section.
  4. Déployez votre projet sur une plateforme gratuite comme GitHub Pages, Vercel, ou Netlify.

Images et Aperçus

Mode Desktop

#Light Mode Screenshot 2025-01-21 122109

#Dark Mode Screenshot 2025-01-21 122128

Mode Mobile

xScreenshot 2025-01-21 122158


Ressources


Amusez-vous bien ! 🚀

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published