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é. Carnitas juteuses et savoureuses : la recette facile au mijoteuse Préparez des carnitas juteuses et savoureuses en moins de 10 minutes de préparation pour un repas familial qui allie cuisson lente, acidité d’agrumes et croquant final. Suivez ces étapes précises pour obtenir un porc mijoté tendre, assaisonné d’épices chaudes, puis… 7 Recettes Avec La Figue Pour Profiter De Ce Fruit D’Automne Éphémère Profitez de la saison : 7 recettes simples et créatives pour sublimer la figue dès aujourd’hui et ne rien laisser passer de ce fruit éphémère. Ces idées sont conçues pour être réalisées en moins d’une heure, avec des étapes claires… 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é.
Le Hear Me Out Cake Qui Affole Pinterest : La Tendance Dessert Dont Tout Le Monde Parle
Le Hear Me Out Cake transforme une simple gourmandise en dessert tendance viral : une recette facile, un visuel fort et un potentiel de partage social immédiat sur Pinterest et réseaux. Adopter ce concept permet de créer un gâteau qui…
La Tendance Tasty Crusty Qui Fait Le Buzz : Faut-Il Vraiment Tester Cette Mode ?
Tester le Tasty Crusty vaut le coup une fois : c’est une tendance viral qui combine textures et portion rassasiante, mais il faut le tester en connaissance de cause (goût, calories, provenance). 🎯 Pourquoi : ce phénomène est né d’un…
À lire Ce Risotto Courgette Onctueux Va Devenir Votre Plat D’Été Réconfortant Préféré
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é.
Carnitas juteuses et savoureuses : la recette facile au mijoteuse
Préparez des carnitas juteuses et savoureuses en moins de 10 minutes de préparation pour un repas familial qui allie cuisson lente, acidité d’agrumes et croquant final. Suivez ces étapes précises pour obtenir un porc mijoté tendre, assaisonné d’épices chaudes, puis…
À lire Ces Tomates Farcies De Grand-Mère Vont Devenir Votre Plat Préféré Cette Année
7 Recettes Avec La Figue Pour Profiter De Ce Fruit D’Automne Éphémère
Profitez de la saison : 7 recettes simples et créatives pour sublimer la figue dès aujourd’hui et ne rien laisser passer de ce fruit éphémère. Ces idées sont conçues pour être réalisées en moins d’une heure, avec des étapes claires…
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. 📌
Ce Risotto Courgette Onctueux Va Devenir Votre Plat D’Été Réconfortant Préféré
Ce risotto courgette onctueux se prépare en moins de 30 minutes et devient tout de suite le plat d’été réconfortant à servir chaud ou emporter en pique-nique. ✅ Recette claire, ingrédients faciles à trouver et technique éprouvée : suivez les…
À lire Cette Buche De Noel Facile Va Impressionner Toute Votre Famille Sans Stress
7 Summer Food Ideas That Will Save Hot Evenings Without Heating Up Your Kitchen
Gardez la cuisine fraîche ce soir : des idées repas été qui demandent zéro cuisson, rapides à assembler et parfaites pour des dîners légers et des repas rafraîchissants. Ces recettes transforment des ingrédients simples en menus d’été élégants — sans…
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. 🌞
7 Plat Du Soir Rapide Prêts En 15 Minutes Qui Vont Sauver Vos Semaines Chargées
Besoin d’un plat rapide qui sauve une semaine chargée ? Voici 7 plats du soir prêts en 15 minutes pour un gain de temps cuisine immédiat, pensés pour garder saveur et équilibre. Chaque recette propose des étapes claires, des temps…
Comment Organiser Ses Menus De La Semaine En 10 Minutes Pour Gagner Du Temps
À lire 7 Recette Courgette Rapide Prêtes En 15 Minutes Pour Écouler Votre Récolte
Gagnez du temps : en 10 minutes vous pouvez organiser vos menus de la semaine pour un réel gain de temps et plus de sérénité. Cette action rapide impose la planification nécessaire pour transformer la course au dîner en une…
