Public Library

Minimal App with CSS Styling

An example of a minimal effort front-end web app built with plain JavaScript and CSS

This app, which is accompanied by a tutorial, is the 1st example app of our incremental sequence of six examples of Plain JS Front-End Web Apps, which are also discussed in the accompanying book Building Front-End Web Apps with Plain JavaScript. This app supports the following operations:

  • a new book record
  • and list all book records
  • a book record
  • a book record
    •
  • database
  • test data
    •

    For playing with the app, you may first want to and then view it with . For observing the internal status and error messages, turn on the JavaScript console.

    This minimal version of our JavaScript front-end data management application only includes a minimum of the overall functionality required for a complete app. It takes care of only one object type ("books") and supports the four standard data management operations (Create/Retrieve/Update/Delete), but it needs to be enhanced by styling the user interface with CSS rules and by adding further important parts of the app's overall functionality, as explained in our other Plain JS Front-End Web Apps tutorials.