How to install Blocky on Manjaro

This tutorial will guide you through the steps to install Blocky, a web-based visual programming editor, on Manjaro.

Prerequisites

Before proceeding with the installation, ensure that your Manjaro system has the following components installed:

A web server (e.g., Apache or Nginx)
PHP 7.0 or higher with the following extensions: php-json, php-gd, php-mbstring
Node.js and npm

Step-by-step instructions

Clone the Blocky repository from GitHub using the following command:
```
git clone https://github.com/0xERR0R/blocky.git
```
Navigate to the project directory using the following command:
```
cd blocky
```
Install the required Node.js packages using the following command:
```
npm install
```
Install the PHP dependencies using Composer by executing the following command:
```
composer install
```
Compile the frontend assets using the following command:
```
npm run build
```

Create a virtual host for Blocky in your web server configuration. Here is an example Apache configuration snippet:

<VirtualHost *:80>
    ServerName blocky.local
    DocumentRoot /path/to/blocky/public

    <Directory "/path/to/blocky/public">
        Options Indexes FollowSymLinks
        AllowOverride All
        Require all granted
    </Directory>
</VirtualHost>

Replace /path/to/blocky/public with the absolute path to the Blocky project's public directory, and blocky.local with the desired domain name.

Adjust your host file to associate the domain with your local IP. Here is an example /etc/hosts file entry:
```
127.0.0.1 blocky.local
```
Restart your web server using the following command:
```
sudo systemctl restart httpd
```
Access the Blocky editor by navigating to http://blocky.local in your preferred web browser. The editor should now be installed and ready to use.

Congratulations! You have successfully installed Blocky on Manjaro.