Back to all projects

Recipe Roulette

A screenshot of Recipe Roulette, showcasing seven different cuisines for users to choose from, along with a button to generate a random recipe.Text displays 'Recipe Roulette,' accompanied by a graphic of a fork and knife.A screenshot of Recipe Roulette, showing the generated random recipe in a pop out.

Overview

Recipe Roulette' is a random meal generator. Choose a cuisine, click 'Get Random Recipe,' and a recipe will appear in a pop-up with an image and a link to the full recipe. Don't like it? Close the pop-up and try again! I used JavaScript for this project to make use of a flexible dataset, to be able to use Math.random to generate random recipes from an array, and to handle user interactions easily.

Visit GitHub Repository Visit live application

JavaScript

HTML

CSS