FIWL (Flexible Interactive Web Layout) extends XML standard, mainly purposed for arranging web app layout as efficient as possible.

The recommended way of starting your FIWL project is by running the command:

npx create-fiwl-app <your_app_name>

A quickstart boilerplate is also provided on a github repository. To use that, please follow these steps:

MacOS and Linux users can continue to the next step. If you are Windows user, using WSL is highly recommended because Command Prompt and Powershell are quite different. Thus, potential problem is high on future development. There is an official WSL installation tutorial to follow. For Windows 8.1 or older, use cygwin instead.

For installing quickstart boilerplate, just clone via git with this command: git clone https://github.com/Thor-x86/fiwl-quickstart

Now you can choose fiwl-quickstart as project directory for your IDE. If you are using VSCode, enter this command: code ./fiwl-quickstart

The fiwl.js script emulates FIWL environment for HTML5 standard.

See documentation for further information.

When developing web app with FIWL, we need to maintain these 3 files:

main.fiwl : Your app's first entrance. Another stages (or pages in HTML term) will be represented by *.fiwl.

style.varl : Change default appearance of widgets. It's optional, but really useful if you have to keep text size and color in tone.

manifest.json : Inform overall app information. Including app name, app description, metadata for SEO, custom first entrance, custom resource directory, and more.

To understand the base FIWL files, go here.

To run the app, we need to simulate web server. You could use any web server including node http-server, apache, and nginx. For now, let's use the easiest way (node http-server).

If you follow from beginning, you are now at fiwl-quickstart directory and safe to jump to the next step. Otherwise, locate to the cloned repository directory using "cd" command.

Enter commands below on bash terminal:

sudo apt update
sudo apt install npm
sudo npm install -g http-server

You have to run command as below everytime you resume developing FIWL app:

http-server . -p 8080

To stop http-server, hit CTRL+C while on terminal. Run command above to start http-server again.

When the http-server is ready, enter link below to your browser's URL box:

http://localhost:8080/

A donation is very much appreciated and helpful for our growth.