Summary

This chapter was all about enhancing the quality of our user experience. We did not add anything as far as the underlying systems are concerned, but we greatly increased the value of our application to the end user. As we have seen, this can be done in three ways:

  • By adding a functionality to our frontend : This is where we added the ability to call our APIs through scripts instead of navigating to the API directly. This gave us the base of our renewed experience because we were able to simultaneously call the temperature and humidity APIs from the same page.
  • By adding structure to our document: Making a structured layout and placing the elements of our document accordingly gives us the ability to extend our UI further (as we will see in the next chapter).
  • By styling our layout: This step seems like the most drastic change appearance-wise. If you showed before and after pictures of the website to a layman, they would most likely say the greatest change was in this section, and this is why it is so important to add CSS and style to your web application.

Our sensor dashboard now looks visibly cleaner and more appealing than it was in any of the previous chapters. We don't have to stop here, though. There are many more ways in which we can make our UI more intuitive and provide even more insight to our users. The next chapter will deal with more advanced visual elements to make our dashboard come alive.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.218.55.14