
# Project details

**Fuse** is a personal project that saw the light in mid-2022, born partly for specific needs and partly as a personal challenge and educational path. It is a platform for serial communication between a host and devices that are usually found in a modern home laboratory such as 3D printers, CNCs and lasers. The main reasons that led me to want to create a platform of this type from scratch, although there are already many in the vast internet world, were the lack of a "fresh" platform where both the development and the user side coexist simplicity and usability, the desire to have a program that was aesthetically pleasing and where the UI / UX had suffered at least a minimum of respect and above all the desire to experiment with new areas of development.

<div class="grid grid-cols-2 gap-5 my-8 not-prose">
<div class="col-span-2">

![Fuse - maker platform](/assets/projects/fuse/fuse-hero-darker.png)

</div>
<div>

![Fuse - Dashboard](/assets/projects/fuse/fuse-dashboard.png)

</div>
<div>

![Fuse - Device screen](/assets/projects/fuse/fuse-device-page.png)

</div>
</div>

## Infrastructure

The main infrastructure is developed in two applications, a host and a client, created with pure _Node_ and _NextJS_ respectively. By doing so, much of the development was easily refactorable and the interface (made in **React**) can boast of the support of an ever-growing community.

![Fuse structure](/assets/projects/fuse/fabio-borella-pencildrummer-fuse-structure.png)

The basic idea is to have the host application installed on a computer (ideally a Raspberry Pi) and instead the client installed on all the terminals that want to access the devices connected to the host in the network. Unlike other platforms where the interface can only be accessed via the web by connecting to the host from the browser, **Fuse** allows you to install a standalone client app made in **Electron** and allow a more native look and feel.

## Technologies

<div class="grid grid-cols-3 gap-5 not-prose py-8">
<div>

![Next.js](/assets/projects/fuse/fabio-borella-nextjs.png)

</div>
<div>

![Socket.io](/assets/projects/fuse/fabio-borella-socketio.png)

</div>
<div>

![SerialPort](/assets/projects/fuse/fabio-borella-serialport.png)

</div>
</div>

As previously mentioned **Fuse** is implemented in NodeJs and React, with the support of [Next.js](https://www.nextjs.org) as the main framework in the client application. Other main technology to allow communication between host and client is the use of libraries such as [Socket.io](https://socket.io) and [SerialPort](https://serialport.io) as a bridge for serial communication of the host with the devices.

## Firmwares

<div class="grid grid-cols-3 gap-5 not-prose py-8">
<div>

![Arduino](/assets/projects/fuse/fabio-borella-arduino.png)

</div>
<div>

![Raspberry Pi](/assets/projects/fuse/fabio-borella-raspberrypi.png)

</div>
<div>

![Marlin Firmware](/assets/projects/fuse/fabio-borella-marlin-firmware.png)

</div>
</div>

**Fuse** supports all devices with _**Marlin**_ and _**GRBL**_ firmwares, with future support for additional ones. I used **Arduino** as the development board to install and configure the firmwares.

## Plugins

Key feature of **Fuse** is the possibility to expand the platform in a very simple and fast way by creating plugins for any type of use: UI, communication between devices, controllers for new firmware, etc.
To facilitate the adoption of the platform and make development easier, a script has also been created to facilitate the creation of plugins through various boilerplates: `create-fuse-plugin`.

# Tech stack

- [Node.js](https://nodejs.org/en/) as the programming language for the host app
- [Next.js](https://nextjs.org) as the main framework for the client app
- [Socket.io](https://socket.io) as the library to communcate between client and host
- [SerialPort](https://serialport.io) as the library to communicate between host and connected devices
- [Tailwind CSS](https://tailwindcss.com) as the framework to build the client app UI
- [Radix](https://www.radix-ui.com) as the framework to build the client app forms and controls
- [Radix Icons](https://icons.radix-ui.com) as the collection of icons
- [Arduino](https://www.arduino.cc) as the development board for GRBL and Marlin firmwares
- [Raspberry Pi](https://www.raspberrypi.com) as the host machine


Fuse is an opensource platform to manage 3D printers, CNC or any GRBL/Marlin devices. It aims to be modular and pluggable, to be easier for developers to extend and to be prettier to users compared to other platforms.

Fuse

Open source platform for 3D printers, CNC, lasers


# Project details

Smash is a video call platform aimed at consultants of any type, whose goal is to be able to provide their services through video calls and easily manage their agenda and their cash flow.

<div class="grid grid-cols-3 gap-5 not-prose my-8">
  <div class="col-span-3">
  
  ![Videocall platform developer by Fabio Borella](/assets/projects/smash/smash-hero.png)

  </div>
<div>

![Videocall platform developer by Fabio Borella](/assets/projects/smash/fabio-borella-smash-dashboard-bookings.png)

</div>
<div>

![Videocall platform developer by Fabio Borella](/assets/projects/smash/fabio-borella-smash-dashboard-booking-detail.png)

</div>

<div>

![Videocall platform developer by Fabio Borella](/assets/projects/smash/fabio-borella-smash-dashboard-credits.png)

</div>

</div>

# Features

The platform allows its users to manage their availability agenda, providing a simple and intuitive interface for configuring weekly schedules. In this way, each customer can independently view the availabilities within which it is possible to book and carry out a video consultation.

<div class="grid grid-cols-2 gap-5 not-prose my-8">
<div class="col-span-2">

![Videocall platform developer by Fabio Borella](/assets/projects/smash/fabio-borella-smash-dashboard-bookings.png)

</div>
<div>

![Videocall platform developer by Fabio Borella](/assets/projects/smash/fabio-borella-smash-service-form.png)

</div>
<div>

![Videocall platform developer by Fabio Borella](/assets/projects/smash/fabio-borella-smash-services-list.png)

</div>
</div>

The platform also automatically generates a public profile for the consultant, SEO optimized, from which users can view the services offered with related costs and then proceed to book an available slot.

<div class="grid grid-cols-2 gap-5 not-prose my-8">
<div class="col-span-2">

![Videocall platform developer by Fabio Borella](/assets/projects/smash/fabio-borella-smash-profile.png)

</div>
<div>

![Videocall platform developer by Fabio Borella](/assets/projects/smash/fabio-borella-smash-profile-booking-date.png)

</div>
<div>

![Videocall platform developer by Fabio Borella](/assets/projects/smash/fabio-borella-smash-profile-booking-client.png)

</div>

<div class="col-span-2">

![Videocall platform developer by Fabio Borella](/assets/projects/smash/fabio-borella-smash-profile-booking-confirm.png)

</div>
</div>

Once a consultant receives a reservation, he is notified via notifications (email, push, etc ...) and can independently manage the reservation. The system will also send a reminder to notify the consultant and the customer of the upcoming video call, as well as automatically check the validity of the payment methods and the availability of credit. Once the video call is over, the consultant will be credited with the cost of the service and periodically the balance will be sent to his current account.

## Videocall with Twilio

<div class="grid grid-cols-2 gap-5">
  <div>

![Videocall platform developer by Fabio Borella](/assets/projects/smash/smash-twilio.png)

  </div>
  <div>

![Videocall platform developer by Fabio Borella](/assets/projects/smash/fabio-borella-smash-videocall.png)

  </div>
</div>

Videocalls within the platform are implemented using [Twilio's Programmable Video](https://www.twilio.com) service. This allows granular control both on the codecs and bitrates to be used based on the networks in which the user uses the platform, and to be able to better manage the creation of what are defined 'rooms' to manage the various types of video calls. In fact, the platform supports calls up to 10 participants.

The video call interface was created ad-hoc again through **React**, also optimizing the use of resources and data streams received from Twilio through the **Twilio JS SDK** library.

## Payments with Stripe

<div class="grid grid-cols-2 gap-5 not-prose py-8">
  <div>

![Videocall platform developer by Fabio Borella](/assets/projects/smash/smash-stripe.png)

  </div>
  <div>

![Videocall platform developer by Fabio Borella](/assets/projects/smash/fabio-borella-smash-payments.png)

  </div>
</div>

The payment flow on the platform was accomplished using [Stripe](https://www.stripe.com), one of the safest and most popular services in the industry. In particular, the implementation, using **Stripe Connect**, required the ad hoc implementation of webhook endpoints and queue management.

## Worker jobs

<div class="grid grid-cols-2 gap-5 not-prose py-8">
  <div>

![Videocall platform developer by Fabio Borella](/assets/projects/smash/smash-nodejs.png)

  </div>
  <div>

![Videocall platform developer by Fabio Borella](/assets/projects/smash/fabio-borella-smash-videocall.png)

  </div>
</div>

In parallel with the web application, a worker has been developed that manages all the background jobs and the notification queues, so as to delegate all the intensive requests to a single process, keeping the user application as reactive as possible even during waiting periods.

# Tech stack

- [Next.js](https://nextjs.org) as the main framework, using [React](https://reactjs.org) and [Node](http://nodejs.org)
- [PostgreSQL](https://www.postgresql.org) as the relational database system
- [Tailwind CSS](https://tailwindcss.com) as the CSS utiliy framework to allow fast and reliable UI changes
- [Twilio](https://www.twilio.com/) as the service provider for WebRTC and P2P audio/video streams
- [Stripe](https://stripe.com) as the service provider for payments


Smash is a video call platform allowing users to easily book calls with consultant. Any consultant can sign up for free for the service and can also get paid for its service directly through the platform, acting like a bridge between client and consultant using Stripe Connect.

Smash


# Project details

Feedback is a platform for the review of **soft skills** among workers aimed to be used both within large agencies to be able to reward their employees and between individuals and professionals.

![Feedback App](/assets/projects/feedback/feedback-hero.png)

# Features

Feedback allows you to evaluate who you know, by matching the user registration data with the data in the user's phone book.
Through a simple screen, users can evaluate the soft skills of colleagues or professionals with whom they have worked.

<div class="grid grid-cols-2 gap-5">
<div>

![](/assets/projects/feedback/fabio-borella-feedback-mobile-user-profile.png)

</div>
<div>

![](/assets/projects/feedback/fabio-borella-feedback-mobile-soft-skills-page.png)

</div>
</div>

## Match users with contacts

![](/assets/projects/feedback/feedback-swift-banner.png)

Feedback uses an association system for registering users with their phone numbers, similar to how instant messaging apps do. The system was implemented with the primary objective of user privacy, encrypting user contacts and maintaining a high level of security.

## RESTful API

![](/assets/projects/feedback/feedback-laravel-banner.png)

The app communicates via API, created with Laravel and relying on a MySQL relationship database. While the queries requested were not overly complex, work has been done to optimize the work queues for notifications and the search functions.

## Report generation

Within the app, the user can generate a report on their evaluations in PDF, which is useful for any interviews or reviews within the company.
At the technological level, the generation was implemented both at the device level (generated on iOS) and at the remote level (PDF library on the backend) so as to be made available publicly, should the user wish it.

<img src="/assets/projects/feedback/fabio-borella-feedback-pdf-report.png" width="600" class="mx-auto"/>

# Tech stack

- [Swift](https://www.swift.org) as the main language for developing the iOS application
- [Laravel](https://www.laravel.com) as the main PHP framework for API service
- [MySQL](https://www.mysql.com) as relational database


FEEDBACK is an app the allows co-workers to review themselves based on soft skills. Any users can sign up for free and connect their contacts to allow a secure connections between the network.

Hi, I‘mFabio Borella

full stack and mobile developer

Fuse

Open source platform for 3D printers, CNC, lasers

Smash

Videocall platform for consultants

Feedback

Soft skills review app