Easy web & mobile app.

meals

meals is a great example to design your web & mobile app.
meals is based on the free API of themealdb. Into the meals you will see how to:

 

P

Get API

with javascript ‘fetch’

"

Web app

with DIVI by elegantthemes

"

Mobile app

with MIT app inventor

1.

Install Divi theme v4+ by ElegantThemes
and activate it.

2.

A. Add a New Page

B. Import meals.json file.

C. Set ‘Blank Page’ the Template.

3.

A. Set as a Static Front Page your page.

 web app

Into the meals you will see the ‘code’ module.

It contains all the css & javascript code for your app.

it Fetch’s the api  and set innerHTML to divi css ids(meal_title , video , ins , inc) look at the ‘code’ module.

 

 

mobile app

Open account at MIT app Inventor

 Import project meals.aia file

Change HomeURL of the Webviewer1

Easy web & mobile app.

meals

Copyright © 2021 Great Design Options ®