Jump to content

Web applications in React, Bootstrap, MongoDB, Express

25% developed
From Wikibooks, open books for an open world
Overview of a three-tier application.

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.

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 | edit source]
  1. Introduction 0% developed  as of Feb 12, 2022
  2. Create a MongoDB database locally 50% developed  as of Feb 12, 2022
  3. Create a Node Express web server locally that connects to a MongoDB database 75% developed  as of Feb 13, 2022
  4. Use the Postman program to perform read, create, update, delete operations on a MongoDB database through a Node Express web server 100% developed  as of Feb 14, 2022
  5. Create a React app with Bootstrap that performs read, create, update, delete operations on a MongoDB database via a Node Express web server 75% developed  as of Feb 14, 2022
  6. Enter a general user and administrator authentication system on the Node Express web server 0% developed  as of Feb 12, 2022
  7. Deploy a MongoDB database on Atlas MongoDB 0% developed  as of Feb 12, 2022
  8. Deploy a Node Express web server on Heroku 0% developed  as of Feb 12, 2022
  9. Deploy a React application on Firebase or Heroku 0% developed  as of Feb 12, 2022