Facilitate seamless transitions from PostgreSQL or any database via generic odbc to MariaDB. Transfer data and database structures between the two systems while ensuring data integrity and consistency throughout the process.

MaxScale source code is public, so I'm allowed to share the screenshot of the application.

This is a DAG ( Directed acyclic graph ) built by using a great library called d3-dag.

MaxScale source code is public, so I'm allowed to share the screenshot of the application.

Cluster manipulation actions by drag and drop. This is built by using d3.js

MaxScale source code is public, so I'm allowed to share the screenshot of the application.

This is a feature of MaxGUI that allows to write and run SQL queries and visualize the results. The editor is powered by the Monaco editor.

MaxScale source code is public, so I'm allowed to share the screenshot of the application.

MaxGUI is a browser-based interface for MaxScale REST-API used for managing MaxScale. The MaxScale GUI provides an alternative to using the MaxCtrl command-line utility or directly editing the config file and making live and dynamic changes to MaxScale. With this, the user can perform administrative tasks, like configuring load balancing and filtering.

The project is written and managed entirely by me using the following tech stacks:Vue.js, Vuex, Vuetify, Webpack, Linux, MaxScale, and Docker.

MaxScale source code is public, so I'm allowed to share the screenshot of the application.

I designed and implemented this feature using Redux and the new React feature: React hooks.

This editor works similarly to what PowerPoint slideshow does. Users have options to design the slideshow, then stored data will be sent to the backend via REST API. The view of the live feed was designed to be shown mainly on the TV screen. It gets stored data to display exactly what it shows in the editor.

Notice: I have been approved to put this feature of Senzolive company on my personal portfolio by the COO of Senzolive.

This project is hosted in this domain, it is what you see. I've done it in my free time to learn about CMS. The main reason behind this was my laziness, I'm always too lazy to look into my old source code just to update the content of my portfolio, thus I created this portfolio using a CMS called Netlify CMS.

The project uses Gatsby which is a free and open-source framework based on React.js. Gatsby supports SSR and generates static HTML without any fuss, so it prevents me from banging my head against the table when using just React.js.

This is also the first time I get to know and use GraphQL. It saved tons of my time on defining endpoints.

In this project, I also learn to use the BEM naming convention for the class names and use the particles.js library to have this cool particles background.

Starting to learn React hooks: useState, useRef, useEffect

Features of this simple game:

• Displaying the location for each move.
• Highlight currently selected item on moves list.
• Sorting moves list either ascending or descending order.
• Highlight winning line.
• Responsive

This is the project that I have done for Senzolive company as a Front-end developer. I update the UI from the existing project based on the prototype. In addition, I need to redesign the other views of the application since the given prototype was just for the landing page.

I am also responsible for

• Adding new features by collaborating with the backend developer
• Bugs fixing
• Code cleaning

A movies booking tickets app using react-native-firebase starter kit

Final project for Mobile Programming course at Haaga-Helia UAS.

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

I built the front-end for the website based on the given prototype.

Adding tracking technologies like Google Analytics, Tag Manager tool (Google Tag Manager), and CMS.

Handling the deployment of company website using AWS with basic configuration.

Demo account for testing

username: user

password: user

The path /tab , /artist , / youtube are available for authentication users.

Only admin can access CRUD functionalities

Notice: this app is hosted on Heroku, so it may be slow when first loading the app as I'm using a free Heroku account :D