Random Recipe Generator

Random Recipe Generator is an interactive web application that generates random recipes for users. Users can choose the origin and category from lists and click on a button in order to generate random recipes, which are sourced from TheMealDB API. The application provides a user interface with recipe pictures, recipe names, origin, categorie, ingredient lists, step-by-step cooking instructions, and sometimes cooking videos.

Frameworks Used

• Vue2
• Vuex
• Vuetify2
• Nuxt2

Screenshots

# #

TO-DO

• Style the RandomRecipeForm.vue component

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate