enFrappé is a mobile user interface builder capable of designing and deploying ultra lightweight and functional user interfaces through QR codes. User interfaces created using enFrappé can be deployed on the mobile device by simply scanning the QR code, without the need of any network connection.

Getting Started

The following set of instructions will help you get enFrappé up and running on your computer.

Prerequisites

In order to build and run this application on your device, make sure you meet the following prerequisites:

1. Install Node.js

2. Install Python 3.6+ (Anaconda distribution recommended)

Building enFrappé

Once all the prerequisites are met, follow these instructions to build and execute enFrappé on your device:

1. Clone enFrappé repository to your local system.

Open the Terminal window and type the following command:

git clone https://github.com/adildsw/enfrappe

2. Navigate to the directory containing enFrappé

cd enFrappe

3. Install Node.js dependencies

npm install

4. Install Python dependencies

cd pdf_server
pip install -r requirements.txt

5. Starting server

Once all the dependencies are installed, you need to start both the enFrappé server, and the PDF generator server in two different terminals by typing the following commands:

npm start

python pdf_server.py

6. Running enFrappé

Once the server is hosted successfully, enFrappé should load automatically in your default browser.

Launching enFrappé Apps on Mobile

You can launch enFrappé apps on an Android device using Frappé.

Citation

@article{10.1145/3604258,
  author = {Rahman, Adil and Heo, Seongkook},
  title = {Frapp\'{e}: An Ultra Lightweight Mobile UI Framework for Rapid API-Based Prototyping and Environmental Deployment},
  year = {2023},
  issue_date = {September 2023},
  publisher = {Association for Computing Machinery},
  address = {New York, NY, USA},
  volume = {7},
  number = {MHCI},
  url = {https://doi.org/10.1145/3604258},
  doi = {10.1145/3604258},
  month = {sep},
  articleno = {211},
  numpages = {23},
  keywords = {rapid application prototyping, mobile UI builder, mobile user interface, functional prototyping, lightweight mobile UI framework}
}