This feature facilitates seamless transitions from PostgreSQL or any database accessible via generic ODBC to MariaDB. It enables the transfer of data and database structures between systems while ensuring data integrity and consistency throughout the process.

Since MaxScale's source code is public, I am permitted to share screenshots of the application.

This is a Directed Acyclic Graph (DAG) visualization built using d3-dag library.

Since MaxScale's source code is public, I am authorized to share screenshots of the application.

Cluster manipulation is enabled through drag-and-drop interactions, implemented using d3.js

Since MaxScale's source code is public, I have permission to share screenshots of the application.

This feature of MaxGUI enables users to write and execute SQL queries, with results displayed visually. The editor is powered by the Monaco Editor.

Since MaxScale's source code is public, I am permitted to share screenshots of the application.

MaxGUI is a browser-based interface for the MaxScale REST API, designed to simplify the management of MaxScale. It offers an alternative to using the MaxCtrl command-line utility or directly editing configuration files, enabling users to make live, dynamic changes to MaxScale. Through this interface, users can perform administrative tasks such as configuring load balancing and filtering.

I developed and manage the entire project independently, utilizing the following technology stack: Vue.js, Vuex, Vuetify, Webpack, Linux, MaxScale, and Docker.

Since MaxScale's source code is public, I am permitted to share screenshots of the application.

I designed and implemented this feature using Redux alongside React’s modern capabilities, specifically React Hooks.

The editor functions similarly to a PowerPoint slideshow, allowing users to design presentations which are then saved and sent to the backend via a REST API. The live feed view is primarily designed for display on TV screens, accurately reflecting the content created in the editor.

Please note that the COO of Senzolive has granted me permission to include this feature in my personal portfolio.

This project is hosted on this domain and represents the website you see here. I developed it during my free time as a way to learn more about content management systems (CMS). The primary motivation behind this project was convenience. I often found it tedious to dig through my old source code just to update my portfolio content. To address this, I built the portfolio using a CMS called Netlify CMS.

The project is built with Gatsby, a free and open-source framework based on React.js. Gatsby supports server-side rendering (SSR) and generates static HTML effortlessly, which helps me avoid common challenges encountered when working solely with React.js.

This project also marked my first experience using GraphQL, which significantly streamlined the process by eliminating the need to define multiple endpoints manually.

Additionally, I applied the BEM (Block Element Modifier) naming convention for CSS class names and integrated the particles.js library to create the dynamic particle background effect you see.

This project helped me learn React Hooks such as useState, useRef, and useEffect.

In this simple game I developed, the features include:

• Displaying the location for each move.
• Highlighting the currently selected move in the moves list.
• Sorting the moves list in ascending or descending order.
• Highlighting the winning line.
• Responsive design for various screen sizes.

This project was completed for Senzolive during my time as a Front-end Developer. I updated the UI of the existing project based on the provided prototype. Additionally, I redesigned other views of the application since the prototype covered only the landing page.

My responsibilities also included:

• Collaborating with the backend developer to add new features
• Fixing bugs
• Cleaning and optimizing the codebase

A movie ticket booking app developed using the React Native Firebase starter kit.

This was the final project I developed for the Mobile Programming course at Haaga-Helia University of Applied Sciences.

This application is the end result of learning Redux which follows its fundamental concepts.

I developed the front-end of the website based on the provided prototype.

Additionally, I integrated tracking technologies such as Google Analytics and Google Tag Manager, as well as implemented a content management system (CMS).

I also managed the deployment of the company website on AWS, including basic configuration.

Demo Account for Testing

• Username: user
• Password: user

Authenticated users can access the following paths: /tab, /artist, and /youtube.

CRUD functionalities are restricted to admin users only.

This app is hosted on Heroku using a free account, so initial loading times may be slower than usual.