Selected works I've built
Check out my projects! Discover how I develop functional websites and solve backend problems using fullstack tools. It's all about turning logic into product – come explore the code!
Filter Project
All Projects
Web Portofolio
Next jsMongodbTailwindCSSReactJavascriptThis is my Portfolio website made with next js with mongodb atlas database. Here I can display my skills, projects, and certificates. In addition, I can manage it on the admin dashboard page. Cool, right? 😎
FKMB Unesa Website
Express JSTypeScriptTailwindA dedicated community platform and information gateway designed to bridge the gap between the Bojonegoro Student Communication Forum (FKMB) and students at the State University of Surabaya. This landing page serves as a central hub for membership registration, scholarship assistance, and regional community programs.
EasyParkir – Digital Parking Management System
PHPMySQLBootstrapJavascriptEasyPark is a complete digital parking management solution that provides real-time monitoring of parking space availability, user and vehicle management, payment handling, and usage analytics. Built for both employees and customers, it's designed to streamline parking operations, improve transparency, and automate tasks such as QR-based billing, role permissions, and historical tracking.
Web Films Review
LaravelMySQLReactTailwindTheMovieMeter is a film review web platform allowing users to search, review, and rate movies. Built using Laravel and MySQL, it provides a seamless movie browsing experience with responsive design and user-friendly features that enhance user interaction. It also includes authentication and real-time comment functionality.
Blog Platform with Laravel
LaravelMySQLReactTailwindThis blogging platform is built with Laravel to empower writers and readers alike. Authors can easily create and manage posts, while readers can enjoy organized content with a clean UI. It includes features like user roles, article analytics, and efficient content management tools to maintain an active blog ecosystem.
Love Match ID – Telegram Bot
PythonFlaskMongoDBLove Match ID is a Telegram bot built to help users find and connect with nearby people based on their location. Designed with simplicity and speed in mind, it skips the usual swipe/like mechanism and instead uses filters to match people in the same city and similar age range quickly and efficiently.
AI Model – Farmer Assistant
PythonStreamlitThis project is an AI-powered backend system designed to assist farmers by analyzing text-based input related to agriculture. It uses natural language processing to provide relevant answers or suggestions. The model is trained to recognize farming-related problems and recommend actions based on user queries.
Project Manager
ReactNext.jsMongoDBProject Manager is a full-stack web application designed to help individuals and teams manage projects, tasks, and timelines efficiently. The app features dashboards, task assignments, progress tracking, and collaborative tools to streamline workflows and improve productivity in both personal and professional settings.
SiagaBencana – Disaster Monitoring Map Bojonegoro
Next.jsReactSupabaseSiagaBencana is a full-stack web application built with Next.js and Supabase, designed to monitor disaster distribution in Bojonegoro Regency in real-time. It provides a user-friendly map interface that displays data points dynamically from a live database, helping citizens and authorities track disaster areas efficiently.
EduGreen – Environmental Education Platform
JavaScriptTailwindHTML/CSSEduGreen is an interactive web-based educational platform that encourages users to adopt green technology and sustainable lifestyle practices. It features a responsive design with engaging tools like a carbon footprint calculator and green challenges to raise awareness about renewable energy and ESG principles.
Web Restaurant Reservations
ReactNode.jsMongoDBTailwindEpicurean is a MERN-stack application for culinary lovers to explore restaurant menus and dishes in a visual and engaging format. It allows users to view detailed menu items, leave feedback, and enjoy a modern frontend with a fast and scalable backend that supports CRUD and real-time updates.
Bojonegoro Student Data API
Node.jsExpress.jsMongoDBThis project is a RESTful API designed to manage and serve student data for high schools (SMA) and vocational schools (SMK) across Bojonegoro. It provides a structured and scalable backend solution for data retrieval, filtering, and integration with client applications or educational platforms.
Gift Tracker
React Next.jsMongodbTailwindGift Tracker is a web-based application that helps individuals manage and track gifts received during special events such as weddings or parties. Users can log who gave what, check the total number of gifts, and ensure proper thank-you notes are sent. Designed to be user-friendly, it simplifies the chaos of gift management.
Web Class
JavascriptTailwindGitA class website serving as an information hub for students, featuring announcements, event calendars, and resource sharing. Designed to foster class community.
Bojonegoro Student Information System
ReactTailwindViteBojonegoro Student Information System is a full-stack web application that provides an administrative platform to manage and display student data from schools in Bojonegoro. It includes dashboards, and search/filter functionality. Built for simplicity and clarity, it's ideal for educational use cases.
Web Class
JavascriptBootstrapGitA class website serving as an information hub for students, featuring announcements, event calendars, and resource sharing. Designed to foster class community.
Portfolio Website
JavascriptBootstrapGitA personal portfolio website showcasing professional work, skills, and achievements. Designed with clean aesthetics and easy navigation to highlight projects effectively.
Web School
ReactJavascriptBootstrapAn official school website providing information about programs, faculty, and events. Serves as a communication channel between the school and students/parents.
Mosque Landing Page
JavascriptTailwindGitAn informative and respectful landing page for a mosque featuring prayer times, event schedules, and religious resources. Designed with Islamic aesthetics to serve the community's digital needs.
Cattle Trading Platform
JavascriptTailwindGitA specialized landing page for cattle buying and selling, featuring livestock listings, seller profiles, and market trends. Designed to connect farmers and buyers efficiently.
Warung Landing Page
JavascriptTailwindGitA vibrant landing page for a local eatery showcasing their menu, special offers, and dining atmosphere. Designed to attract customers with appealing food photography and easy access to key information like location and opening hours.
College Management
ReactNext.jsMongodbTailwindCollege Management is a full-stack application built to assist students in organizing their academic responsibilities. It allows users to manage assignments, deadlines, and courses all in one place. This tool is perfect for college students aiming to stay productive and avoid missing important tasks.
Rapor Average Calculator
JavascriptTailwindGitA web tool for students to calculate their grade point averages quickly. Supports multiple subjects and provides visual representations of academic performance.
Habit Challenge
JavascriptTailwindGitAn interactive habit-building application that helps users track daily challenges, monitor progress, and achieve personal goals through visual motivation and reminders.
Motor Rental Web
DjangoPostgreSQLJavaScriptMotor Rental Web is a backend-focused Django project that streamlines the rental process for motorcycle services. It includes features such as availability checking, booking, and returns, making it suitable for small to medium rental businesses. The admin panel supports efficient data handling and user management.
Aula Booking Website
DjangoMySQL JavaScriptAula Booking Website is a Django-based web system designed for educational institutions to manage room reservations. It helps prevent schedule conflicts and ensures efficient classroom usage. Users can log in to make bookings, and admins can monitor, approve, and manage schedules effortlessly.