Afficher la table des matières Masquer la table des matières
- Salade crevette chic et fraîche : pourquoi l’adopter maintenant
- Ingrédients essentiels pour une salade crevette chic et facile
- Préparation étape par étape — méthode claire et actionnable
- Quiz : La Salade Crevette Chic et Fraîche
- ${escapeHtml(q.question)} `; const choicesContainer = document.getElementById('choices'); q.choices.forEach(choice => { const btn = document.createElement('button'); btn.className = "choice w-full text-left px-3 py-2 border rounded-md border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 hover:bg-gray-50 dark:hover:bg-gray-800 flex items-center gap-3"; btn.setAttribute('role', 'radio'); btn.setAttribute('aria-checked', 'false'); btn.dataset.choiceId = choice.id; btn.tabIndex = 0; btn.innerHTML = ` ${choice.id.toUpperCase()} ${escapeHtml(choice.text)} `; // Marquer si l'utilisateur avait déjà répondu const prev = userAnswers[q.id]; if (prev && prev === choice.id) { btn.classList.add('ring-2', 'ring-indigo-200'); btn.setAttribute('aria-checked', 'true'); } // Click / keyboard interaction btn.addEventListener('click', () => selectChoice(q.id, choice.id, btn)); btn.addEventListener('keydown', (e) => { // Supporter navigation avec flèches (gauche/droite haut/bas) if (e.key === 'ArrowDown' || e.key === 'ArrowRight') { e.preventDefault(); focusNextChoice(btn); } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') { e.preventDefault(); focusPreviousChoice(btn); } else if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); btn.click(); } }); choicesContainer.appendChild(btn); }); } /* =========================== Sélection d'une réponse (ne valide pas automatiquement) =========================== */ function selectChoice(questionId, choiceId, btnEl) { // Décocher les autres const choices = btnEl.parentElement.querySelectorAll('[role="radio"]'); choices.forEach(b => { b.classList.remove('ring-2', 'ring-indigo-200'); b.setAttribute('aria-checked', 'false'); }); // Cocher le choisi btnEl.classList.add('ring-2', 'ring-indigo-200'); btnEl.setAttribute('aria-checked', 'true'); userAnswers[questionId] = choiceId; feedbackEl.innerHTML = `Réponse enregistrée (pensez à valider pour voir si c'est correct).`; } /* =========================== Validation de la réponse courante =========================== */ function validateCurrent() { const q = QUESTIONS[currentIndex]; const selected = userAnswers[q.id]; if (!selected) { feedbackEl.innerHTML = `Veuillez sélectionner une réponse avant de valider.`; return; } // Marquer visuellement les choix comme correct / incorrect const choices = document.querySelectorAll('#choices [role="radio"]'); choices.forEach(b => { const cid = b.dataset.choiceId; b.classList.remove('correct','wrong'); b.disabled = true; b.setAttribute('aria-disabled', 'true'); if (cid === q.correct) { b.classList.add('correct'); b.setAttribute('aria-checked', 'true'); } else if (cid === selected) { if (cid !== q.correct) b.classList.add('wrong'); } }); // Feedback détaillé et mise à jour du score const isRight = selected === q.correct; if (isRight) { score += 1; feedbackEl.innerHTML = `Correct. ${escapeHtml(q.explanation)}`; } else { // Trouver le texte de la bonne réponse const correctText = q.choices.find(c => c.id === q.correct).text; feedbackEl.innerHTML = `Incorrect. La bonne réponse est « ${escapeHtml(correctText)} ». ${escapeHtml(q.explanation)}`; } // Si fin du quiz, afficher résultat if (currentIndex === QUESTIONS.length - 1) { showResults(); } } /* =========================== Afficher résultats finaux =========================== */ function showResults() { const rate = Math.round((score / QUESTIONS.length) * 100); let message = TEXTES.ok; if (rate === 100) message = TEXTES.perfect; else if (rate >= 80) message = TEXTES.great; else if (rate >= 50) message = TEXTES.ok; else message = TEXTES.tryAgain; resultsEl.classList.remove('hidden'); resultsEl.innerHTML = ` ${TEXTES.resultTitle} ${score}/${QUESTIONS.length} — ${rate}% ${escapeHtml(message)} Astuce : vous pouvez relire les explications de chaque question ci-dessus. `; // Option : afficher suggestion de recette similaire depuis une API publique gratuite (facultatif) // Voir commentaire API plus bas. fetchSuggestedRecipe(); } /* =========================== Navigation entre questions =========================== */ prevBtn.addEventListener('click', () => { if (currentIndex > 0) { currentIndex--; renderQuestion(); updateControls(); feedbackEl.innerHTML = ''; } }); nextBtn.addEventListener('click', () => { if (currentIndex < QUESTIONS.length - 1) { currentIndex++; renderQuestion(); updateControls(); feedbackEl.innerHTML = ''; } }); validateBtn.addEventListener('click', validateCurrent); restartBtn.addEventListener('click', () => { if (confirm("Voulez-vous vraiment recommencer le quiz ?")) initQuiz(); }); /* =========================== Mise à jour boutons / états =========================== */ function updateControls() { prevBtn.disabled = currentIndex === 0; nextBtn.disabled = currentIndex === QUESTIONS.length - 1; prevBtn.classList.toggle('opacity-50', prevBtn.disabled); nextBtn.classList.toggle('opacity-50', nextBtn.disabled); } /* =========================== Utilitaires pour focus clavier =========================== */ function focusNextChoice(currentBtn) { const all = Array.from(currentBtn.parentElement.querySelectorAll('[role="radio"]')); const idx = all.indexOf(currentBtn); const next = all[(idx + 1) % all.length]; next.focus(); } function focusPreviousChoice(currentBtn) { const all = Array.from(currentBtn.parentElement.querySelectorAll('[role="radio"]')); const idx = all.indexOf(currentBtn); const prev = all[(idx - 1 + all.length) % all.length]; prev.focus(); } /* =========================== Petit utilitaire escape HTML =========================== */ function escapeHtml(s) { return String(s) .replaceAll('&', '&') .replaceAll('', '>') .replaceAll('"', '"') .replaceAll("'", '''); } /* =========================== Exemple d'appel API gratuit (facultatif) - Ici nous utilisons TheMealDB (API publique gratuite, pas de clé requise). - Endpoint utilisé : https://www.themealdb.com/api/json/v1/1/filter.php?c=Seafood - Exemple de réponse (JSON) : { "meals": [ { "strMeal": "Baked salmon with fennel & tomatoes", "strMealThumb": "https://www.themealdb.com/images/media/meals/1548772327.jpg", "idMeal": "52959" }, ... ] } - Dans ce script, on récupère un titre de recette pour proposer une suggestion en lien avec les crevettes/poissons. =========================== */ async function fetchSuggestedRecipe() { const apiUrl = "https://www.themealdb.com/api/json/v1/1/filter.php?c=Seafood"; // Requête simple (GET) try { const resp = await fetch(apiUrl); if (!resp.ok) throw new Error("Réponse API non OK"); const data = await resp.json(); // exemple donné ci-dessus // Choisir une recette au hasard parmi la liste if (data && Array.isArray(data.meals) && data.meals.length) { const one = data.meals[Math.floor(Math.random() * data.meals.length)]; const node = document.createElement('div'); node.className = "mt-3 p-3 rounded-md bg-white/50 dark:bg-gray-800/60 border border-gray-100 dark:border-gray-700 text-sm"; node.innerHTML = ` Suggestion de recette apparentée (source : TheMealDB) ${escapeHtml(one.strMeal)} Vous pouvez chercher cette recette pour vous inspirer et adapter la salade crevette. `; resultsEl.appendChild(node); } } catch (err) { // En cas d'erreur, on ignore silencieusement (ne pas casser l'expérience) console.warn("Impossible de récupérer la suggestion de recette :", err); } } /* =========================== Accessibilité : permettre validation par Entrée depuis n'importe quel bouton de choix =========================== */ document.addEventListener('keydown', (e) => { // Raccourci clavier utile : Ctrl+Entrée pour valider if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') { validateCurrent(); } }); Étape 5 : laisser reposer au réfrigérateur 15 minutes afin que les saveurs se marient. Servir dans des verrines transparentes pour un rendu chic ou sur un lit de laitue pour une version plus rustique. Insight : ce repos transforme la salade rapide en plat sophistiqué. Chaussons aux champignons et aux noix : refroidir la farce avant de garnir Une pâte dorée, des champignons fondants et quelques morceaux de noix : ces chaussons salés composent un repas d’automne avec une salade ou une soupe. Leur réussite dépend surtout de la farce. Trop humide, elle détrempe le dessous ; encore… Lentilles vertes aux poireaux et à la crème moutardée Des lentilles qui gardent leur tenue, des poireaux bien fondants et une sauce légèrement relevée : ce plat convient aux repas d’automne sans demander une longue liste de courses. Les lentilles sèches constituent la base du repas, tandis qu’une petite… Variantes créatives pour faire de cette recette votre signature Pour une touche méditerranéenne, ajouter aneth et câpres; pour une version tropicale, mixer mangue et coriandre. Remplacer toute la mayonnaise par yaourt grec 0% rend la salade plus légère sans sacrifier la texture. Ces variantes maintiennent la recette healthy et adaptable selon les envies. Insight : une petite modification transforme la recette en signature personnelle. Astuces de chef pour un résultat raffiné et pratique
- Service, conservation et accords pour l’été
Cette salade crevette chic et fraîche est la recette signature de l’été : prête en 10 minutes, facile, rafraîchissante et healthy — parfaite pour un déjeuner sur la terrasse ou une entrée élégante. 🍋✨
Salade crevette chic et fraîche : pourquoi l’adopter maintenant
Choisir cette salade, c’est choisir la simplicité sans sacrifier le style. Les crevettes délicates et la sauce onctueuse au yaourt et mayonnaise apportent une texture gourmande, tandis que le concombre, l’avocat et les tomates cerises offrent une fraîcheur croquante qui évoque l’été. Cette combinaison transforme un plat rapide en véritable signature culinaire pour les repas ensoleillés. Insight : la clé, c’est l’équilibre entre onctuosité et acidité.
Ranger les plats à four verticalement dans un placard : la méthode pratique
Un grand plat sous deux gratins et un moule coincé au fond : les piles compliquent vite l’accès au matériel de cuisson. Ranger les plats à four verticalement permet de saisir chaque pièce séparément, à condition de prévoir un support…
Gratin de navets et de pommes de terre au thym
Le gratin de navets et de pommes de terre au thym permet de réunir deux légumes simples dans un plat familial d’automne. Les pommes de terre adoucissent le goût des navets, tandis que le thym parfume la crème. Pour obtenir…
À lire Burritos Simplifiés : Recette Facile et Rapide pour un Repas Savoureux
Ingrédients essentiels pour une salade crevette chic et facile
Rassembler des ingrédients simples et de qualité assure une salade chic et rafraîchissante. Prévoir : 250 g de crevettes décortiquées, 1 petit concombre, 1 avocat mûr, 200 g de tomates cerises, 3 c. à soupe de mayonnaise, 2 c. à soupe de yaourt nature, 1 c. à soupe de jus de citron frais et quelques brins de ciboulette. Ces quantités donnent environ 4 portions équilibrées. Astuce : acheter des crevettes déjà cuites pour gagner du temps sans perdre en goût. 🍤🥑
Préparation étape par étape — méthode claire et actionnable
Étape 1 : rincer et égoutter les crevettes, puis les sécher avec du papier absorbant pour une texture parfaite. Étape 2 : couper le concombre en dés (laisser quelques bandes de peau pour l’esthétique), trancher les tomates cerises en deux et cutter l’avocat en cubes juste avant de mélanger pour éviter l’oxydation. Insight : préparer tous les éléments avant d’assembler pour un mélange homogène et rapide.
Étape 3 : préparer la sauce en fouettant la mayonnaise et le yaourt avec le jus de citron, sel, poivre et la ciboulette ciselée. Ajouter une pointe de moutarde si une note plus complexe est souhaitée. Étape 4 : mélanger délicatement les crevettes et légumes, napper de sauce et enrober sans écraser l’avocat. Insight : le geste doux préserve la présentation chic.
Quiz : La Salade Crevette Chic et Fraîche
Testez vos connaissances et découvrez des astuces pour sublimer votre salade crevette. Cliquez sur une réponse puis validez.
Étape 5 : laisser reposer au réfrigérateur 15 minutes afin que les saveurs se marient. Servir dans des verrines transparentes pour un rendu chic ou sur un lit de laitue pour une version plus rustique. Insight : ce repos transforme la salade rapide en plat sophistiqué.
Chaussons aux champignons et aux noix : refroidir la farce avant de garnir
Une pâte dorée, des champignons fondants et quelques morceaux de noix : ces chaussons salés composent un repas d’automne avec une salade ou une soupe. Leur réussite dépend surtout de la farce. Trop humide, elle détrempe le dessous ; encore…
À lire Le secret pour des rondelles d’oignon croustillantes sans friteuse
Lentilles vertes aux poireaux et à la crème moutardée
Des lentilles qui gardent leur tenue, des poireaux bien fondants et une sauce légèrement relevée : ce plat convient aux repas d’automne sans demander une longue liste de courses. Les lentilles sèches constituent la base du repas, tandis qu’une petite…
Variantes créatives pour faire de cette recette votre signature
Pour une touche méditerranéenne, ajouter aneth et câpres; pour une version tropicale, mixer mangue et coriandre. Remplacer toute la mayonnaise par yaourt grec 0% rend la salade plus légère sans sacrifier la texture. Ces variantes maintiennent la recette healthy et adaptable selon les envies. Insight : une petite modification transforme la recette en signature personnelle.
Astuces de chef pour un résultat raffiné et pratique
Choisir des crevettes fermes et sans odeur forte garantit la fraîcheur; pour les surgelées, décongeler lentement au réfrigérateur et bien égoutter. Préparer la sauce au dernier moment évite qu’elle ne détrempe la salade. Pour une présentation chic, disposer les ingrédients en couches visibles dans des verrines transparentes. Insight : la technique simple élève instantanément l’apparence du plat. 🥂
Pour approfondir l’inspiration et comparer d’autres versions, consulter des recettes reconnues telles que une salade crémeuse revisitée et des idées rapides sur une recette parfaite et rapide. Ces références aident à peaufiner la recette signature. 📌
Tarte rustique aux pommes et aux noisettes : replier les bords sans moule
Une tarte rustique se façonne directement sur une plaque : la pâte accueille les fruits, puis ses bords se replient pour les retenir. Avec des pommes en lamelles et de la poudre de noisettes, elle compose un dessert d’automne généreux,…
À lire Côtelettes de porc dorées nappées de beurre aux herbes onctueux
Potée de chou blanc, carottes et saucisses : échelonner les cuissons
Une potée d’automne réussie repose sur un détail simple : chaque ingrédient entre dans la cocotte au bon moment. Les carottes épaisses demandent de l’avance, le chou émincé s’attendrit plus vite, et les saucisses réclament un traitement différent selon qu’elles…
Service, conservation et accords pour l’été
Cette salade se conserve jusqu’à 24 heures au réfrigérateur si l’avocat est ajouté juste avant le service. Elle se marie idéalement avec un pain croustillant ou une soupe froide pour un menu d’été complet. Pour une présentation festive, proposer en verrines individuelles lors d’un apéritif dinatoire. Insight : bien pensée, cette salade devient la recette signature qui impressionne sans effort.
Pour compléter l’inspiration estivale, explorer d’autres idées de salades légères comme celles disponibles sur des recettes gourmandes ou des sélections de salades d’été sur ShopVIP. Ces sources offrent des variations pratiques et décoratives pour les menus en 2026. 🌞
Créer une station pour les boissons chaudes sur une étagère de cuisine
Quand les boissons chaudes accompagnent les pauses d’automne, leurs accessoires peuvent vite occuper plusieurs placards. Une station sur une étagère rassemble l’essentiel sans exiger un meuble supplémentaire. Le principe : mesurer la place disponible, garder les produits ouverts devant les…
Trois tambours à broder à carreaux pour un mur cosy
À lire Les Légumes Grillés que je Prépare Tout l’Été
Quelques chutes à carreaux, trois tambours à broder et une palette rouille, crème et brun suffisent à composer une décoration murale chaleureuse. Le tissu apporte du relief, tandis que les cercles adoucissent les lignes du motif. Ce projet convient à…
