Hi t
My Skills
I have a wide range of skills in both front-end and back-end development, but I'm more interested in creating user interfaces because there's something really rewarding about shaping how users feel when they interact with a product.
Projects
Here are some of the projects I've been working on so far!
MaxGUI - ERD
Published date: August 31st 2023
Modeling existing database or creating a new one from scratch
This feature generates Entity-Relationship Diagrams (ERDs) to provide insights into data structures and to optimize database design for both efficiency and clarity. It is implemented using the d3-force module from the D3.js library.
Since MaxScale's source code is public, sharing screenshots of this feature is permitted.
MaxGUI - ETL
Published date: February 28th 2023
Migrate database
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.
MaxGUI - Cluster control
Published date: February 1st 2022
Cluster control
MaxGUI - Query Editor
Published date: April 5th 2021
Write and run SQL queries and visualize the results
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 - MariaDB Corporation Ab
Published date: February 3rd 2020
The graphical user interface admin tool of MaxScale
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.
Livefeed Editor
Published date: September 27th 2019
An editor for a livefeed slide show
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.
CMS Portfolio
Published date: April 24th 2019
Gatsby with Netlify CMS
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.
React Tic Tac Toe using React hooks
Published date: April 12th 2019
Diving Into React Hooks
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.
Occupancy Analytics Dashboard
Published date: March 10th 2019
Senzolive's dashboard
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
Movies Booking Tickets
Published date: November 22nd 2018
Movies Booking Tickets using React-native
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.
Senzolive Website
Published date: August 15th 2018
Senzolive company’s website
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.
Simple Guitarsite
Published date: May 26th 2018
A simple guitar site using JAVA SPRING
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.
































I thrive in remote work environments and enjoy the flexibility and focus it allows.
Want to learn a bit about who I am?
Don’t hesitate to get in touch. I’ll respond promptly. Together, we can create outstanding applications that users love.