Web applications in React, Bootstrap, MongoDB, Express

In three tier architecture of a web application there is a presentation layer that represents the Front-end of the application made in Javascript, Css, Html or in the current javascript frameworks: React, Angular, Vue etc. and CSS framework: Bootstrap, Bulma etc. The presentation layer connects with the business logic layer or web server built in Java, Ruby, Phyton, Php etc. or with Node Express and the related Node modules. Finally, the business logic layer connects with the data access layer, i.e. with the MySql, Postgresql or MongoDB database, constituting the Back-End of the application and returning the requested information to the client, i.e. the Front-End of the application.

Overview of a three-tier application.

In this book, we will build a React-Bootstrap front-end, which connects to a Node Express web server, which in turn connects to a MongoDB database of stock items thus creating a three tier architecture.

Table of Chapters edit

  1. Introduction  
  2. Create a MongoDB database locally  
  3. Create a Node Express web server locally that connects to a MongoDB database  
  4. Use the Postman program to perform read, create, update, delete operations on a MongoDB database through a Node Express web server  
  5. Create a React app with Bootstrap that performs read, create, update, delete operations on a MongoDB database via a Node Express web server  
  6. Enter a general user and administrator authentication system on the Node Express web server  
  7. Deploy a MongoDB database on Atlas MongoDB  
  8. Deploy a Node Express web server on Heroku  
  9. Deploy a React application on Firebase or Heroku