Introduction

Figure 11.1 It takes many roles to build a responsive design in web applications development for multiple system applications. (credit: modification of “190827-F-ND912-035” by Tech. Sgt. R. J. Biermann/Lt. Col. Wilson/U.S. Air Force, Public Domain)

Chapter Outline

11.1 Modern Web Applications Architectures

11.2 Sample Responsive WAD with Bootstrap and Django

11.3 Sample Responsive WAD with Bootstrap/React and Node

11.4 Sample Responsive WAD with Bootstrap/React and Django

11.5 Sample Native WAD with React Native and Node or Django

11.6 Sample Ethereum Blockchain Web 2.0/Web 3.0 Application

TechWorks is creating several web applications this year for a new product line. One application is an AI-image generator website and auction house for selling images. An outside consultant has been brought in, and they have determined that a hybrid Web 2.0/3.0 architecture is best suited for this solution. However, the engineering team who will perform the work needs to gain experience with Web 3.0 technologies. Therefore, the consultant recommended that TechWorks take a popular internal desktop application for managing to-do lists and re-create it as a hybrid Web 2.0/3.0-based application so engineers can gain practical experience with various web application frameworks and technologies, with the added benefit of accessing their to-dos from anywhere.

The TechWorks engineering team has decided to perform iterative releases of the to-do application, starting with responsive web apps, as they will render well on various screen sizes, from large monitors to smaller displays like phones and tablets. Next, they will employ a native web application framework to target specific devices like Android and iPhones. Lastly, they will explore building a Web 2.0/3.0-based to-do application using blockchain technology, as they believe this approach will give them the necessary skills for creating future solutions.