Project Overview

A hydroponic system in a web app is integrated with a feature that determines water quality for the hydroponic system using the Sugeno fuzzy method. The web app includes hydroponic farm monitoring, a dashboard for the hydroponic farm, recommendation system to fix quality of the water, a warning system (notification), user authentication, and a profile for the user and notification settings.

Problem Solved

Key Features

• Login, registration and forgot password.
• Dashboard for farm/plant system management (CRUD).
• Dashboard for the plant monitoring includes the 3 parameters of water hydroponic system: pH, TDS and temperature.
• Recommended actions when the water quality goes bad.
• In-app and push notifications act as the warning system.
• Profile and notification settings.

Challenges

• Integrating all the features of the hydroponic system because there are 3 parts of the project: Front-end (Next.js), back-end (Express.js), and microservice or the feature for the water quality system (Express.js).
• Deploy using docker, github actions for CI/CD, and VPS from niagahoster.
• Setup PWA (Progressive Web App) for the hydroponic system.

Design

Result

Project Overview

Sampah Pedia is a smart waste management web app that tracks the disposal of waste from residents' homes to the landfill. The system monitors the bin for its fullness, odor, and weight. In the next update, the bin monitoring will be integrated with the bin's critical level, so it will have a warning when and where one of the bin's waste should be taken out by the workers who transport the waste to the landfill.

Problem Solved

Key Features

• Login as user authentication
• User management (CRUD).
• Bin management (CRUD).
• User feedback (from the community) management that integrated with the sentiment analysis of the
• Bin monitoring includes the 3 parameters: Fullness, odor, and weight.
• Bin waste history / report.

Challenges

• Fullstack development with Laravel and TailwindCSS.
• Integrating Google Map API (free / not paid API) to the system for showing all every bin listed to the map.
• Integrating with the IoT system of the bin (not done yet and for next development).
• Development of a feature for determining with the bin's critical level (for next development)

Result

Project Overview

Raih Peduli is an app and web-based fundraising platform designed to help individuals and communities create, manage, and support donation campaigns easily and transparently. The app connects donors with verified causes, aiming to simplify the fundraising process and build trust between campaign creators and contributors.

Problem Solved

Key Features

• Login and registraion as user authentication
• Fundraising features (create, donate, remove, update, etc).
• Volunteering features for a fundraise.
• Bookmark / saved a fundraise.
• News.
• Notification.
• Chatbot.

Challenges

• Contributing as the lead of the back-end developer using Golang.
• Managing with the big and back-end team for building the app.
• Clean architecture in the back-end.
• Integrating database with Cloud Storage and deploying to Google Cloud Platform.
• Integrating chatbot using ChatGPT with the app.

Result

Source / Link

• All Repository
• Back-end Repository

Project Overview

The Readme Markown Editor is a lightweight web application that allows users to write and preview GitHub-style markdown in real time. The tool is designed to help developers draft and format their project documentation efficiently, with an instant live preview that mirrors the final output.

Key Features

• Mardown editor.
• Copy and preview readme.
• Tutorial / documentation for using the markdown.

Result

Source / Link

• Site
• Public Repository

Project Overview

The website was developed as the official organizational profile for Sahabat PNJ, a student group (Kelompok Studi Mahasiswa) at Politeknik Negeri Jakarta (PNJ). It serves as an informative and promotional platform for students and visitors to learn about the organization's values, structure, and every division.

Result

Source / Link

• Site

Project Overview

Match Us is a memory card game built with processing and p5.js as 4th semester project with my friends. The game includes 3 modes (easy, normal and hard) and settings for the music and themes.

Key Features

• Match two card with the same pattern in the middle.
• 3 modes of the game: Easy, normal and hard.
• Music / sound and 3 themes: Dark, light and colorfull.
• Best record history.

Result

Source / Link

• Site (The Game)
• Public Repository

Project Overview

Sayuran Pagi is one of the product of Lokatani and I have the opportunity to revamp its website. The new website includes home, about, product, contact and article page. It also has a content management system so admin can update the website.

Key Features

• Home, about, product, contact, and article page.
• Content Management System (CMS) for Sayuran Pagi website.

Challenges

• Animating the pages with GSAP.
• Integrating the front-end with CMS built with Laravel.

Result

Source / Link

• Site

Project Overview

Dsimfoniku is a health public facility assesment system that helps staff from Dinas Kesehatan Depok in filling out the form of an assesment for public facility in Depok. The web app includes user authentication, user management, public facility assesment, and history of all previous assesments.

Key Features

• User authentication and management.
• Assesment form for public facility (general and food processing sites).
• History and management (update, duplicate, and remove) of all the assesments.
• Generate official report for the result of the assesment with pdf as extension.

Challenges

• There are 16 forms that need to be digitalized to the system.
• Generating an official report for the assesment using a pdf library.

Result

Source / Link

• Site