https://github.com/naseem-shawarba/random_recipe_generator
Random Recipe Generator is a responsive web application that generates random recipes, built with Vue 2, Vuex, Vuetify 2, and Nuxt 2.
https://github.com/naseem-shawarba/random_recipe_generator
fetch javascript nuxt2 vue2 vuetify2 vuex
Last synced: 6 months ago
JSON representation
Random Recipe Generator is a responsive web application that generates random recipes, built with Vue 2, Vuex, Vuetify 2, and Nuxt 2.
- Host: GitHub
- URL: https://github.com/naseem-shawarba/random_recipe_generator
- Owner: naseem-shawarba
- Created: 2024-05-26T11:24:17.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-26T12:14:10.000Z (about 2 years ago)
- Last Synced: 2025-01-23T06:45:11.136Z (over 1 year ago)
- Topics: fetch, javascript, nuxt2, vue2, vuetify2, vuex
- Language: JavaScript
- Homepage: https://random-recipe-generator-dc70e.web.app/
- Size: 171 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
```bash
# 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
```