Creating a page to list and book flights
For this application, we will be requiring two external libraries to help build the frontend components for the application. The first library is Bulma, which is a CSS framework designed for quick prototyping and doesn’t require its own JavaScript library. For more information on Bulma, you can visit its website, located at https://bulma.io/. The next library is AlpineJS, which is a framework that helps us avoid writing JavaScript to modify states or behaviors by using HTML tags and markup. More information can be found at https://alpinejs.dev/.
Note
Other fantastic frontend frameworks that can be used instead of AlpineJS include VueJS, React, or Deepkit. AlpineJS was chosen for this book due to its minimal setup and requirements.
Let us start with the bare necessities, the HTML for a simple header section of the website:
- Within
public/index.html
, add the following code:<!DOCTYPE html> <html> <head>...