Skip to content

In Class Programming 3

veereshthotygar edited this page Sep 8, 2018 · 3 revisions

Team Details

Veeresha M Thotigar ; Class Id 53 Sai Sampath Kumar ; Class Id 41

Objective

The main objective is to create the mashup application to get the calories and serving weight from Nutrionix of the searched key word and also to convert text to speech the searched key word using IBM Watson.

Approach

  1. Created necessity keys from nutrionix and IBM Watson developer site.
  2. Created single page application using angular js.

Input and Output

  • Below screen shot illustrates the launch page.

  • Below screen shot illustrates the error, here field is empty.

  • Below screen shot illustrates the error, here searched keyword didn't fetch any results.

Below screen shot illustrates the Success, here searched keyword fetch the results.

Code Explanation

Followed MVC model and segregated the code to javascript, stylesheet, views and icons folder. Below screenshot illustrates the main index file which loads all the necessary stylesheets and JS files.

Below screenshot illustrates the home and child view part of the application.

Below screenshot illustrates the core logic wherein two controllers namely homeCtrl and childCtrl resides.

Conclusion

We have learnt to create mashup application using angular js and bootstrap.

References

  1. Nutrionix
  2. IBM Watson