Developer Guide

The frontend is built on custom elements technology, we used Google's Lit library

Quick Code contains 3 projects:

1. APIs & Backend: laravel project can be found in public_html.zip file.
2. Dashboard Area: web components used in the dashboard area. Source code is available in frontend-src.zip (using Lit library).
3. Website Frontend: built on laravel blade technology with sass. Source code can be found in public_html/resources/themes/blue

Prerequisites

To customize the frontend code you will need the following to be installed:

• Node js to be installed.
• Code editor with search in folder ability (we will use visual code in this article).

Folder structure

When you purchase Quick Code, and after extracting the downloaded file, you will get the following files:

1. public_html.zip contains the laravel project.
2. frontend-src.zip contains source code for the views and web components used in the dashboard area. This is the main file to be used in the customisation process
3. help.txt contains basic instructions to extract files.

Extract the frontend-src.zip file, you will get the following result:

Launch the development server

Open terminal and run the following command in qrcode-generator-frontend folder:

npm install

After command execution node_module folder should be created in the root directory.

To launch the development server, run the following command:

npm run serve

You should get an output like this:

Open http://localhost:8000 in your browser, and you should be able to see the home page.