https://github.com/aperbet56/random_meal_generator

Random meal generator en HTML5, CSS3 et JavaScript
https://github.com/aperbet56/random_meal_generator

async-await css3 fetch flexbox html5 if-else inner-html javascript normalize-css reset-css responsive-design ternary-operator then-catch transition-animation

Last synced: 5 days ago
JSON representation

Random meal generator en HTML5, CSS3 et JavaScript

• Host: GitHub
• URL: https://github.com/aperbet56/random_meal_generator
• Owner: aperbet56
• Created: 2026-03-25T17:14:00.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2026-03-26T15:15:19.000Z (5 months ago)
• Last Synced: 2026-03-26T18:41:18.399Z (5 months ago)
• Topics: async-await, css3, fetch, flexbox, html5, if-else, inner-html, javascript, normalize-css, reset-css, responsive-design, ternary-operator, then-catch, transition-animation
• Language: CSS
• Homepage: https://aperbet56.github.io/random_meal_generator/
• Size: 7.99 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## RANDOM MEAL GENERATOR 🍔

![preview](img/preview-1.png)

![preview](img/preview-2.png)

## Le challenge

Création du site web : random meal generator en HTML5, CSS3 et JavaScript. Cliquez sur le bouton "Get Meal" pour voir apparaître la photo, les ingrédients, la recette et la vidéo (s'il y en a une) d'un plat choisi de manière aléatoire.

## Démonstration

Lien vers le projet : https://aperbet56.github.io/random_meal_generator/

## Projet développé avec

- Utilisation des balises sémantiques HTML5

- CSS3

- Flexbox

- Animations css (transition)

- Importation de la police "Muli"

- Utilisation d'un normaliseur : le fichier normalize.css

- Desktop first

- Page web responsive

- Commentaires HTML

- Commentaires CSS

- JavaScript

- Code JavaScript commenté