
Mitraweb is a professional service website showcasing expertise in custom web development. As the owner and full-stack web developer, I crafted this platform using Laravel, jQuery, Bootstrap, and MySQL.

The website highlights Mitraweb’s services, portfolio, and commitment to delivering tailored web solutions for businesses. It reflects a seamless blend of modern design and functionality, ensuring an engaging user experience.

Services

Website

Mitraweb


InfoLari.com is the premier online directory for running enthusiasts in Indonesia, designed to connect, inspire, and inform the running community. The platform offers a centralized hub where runners can access the latest schedules for races and events across the nation. For event organizers, InfoLari.com provides a hassle-free event submission form, making it easy to showcase upcoming races to a wider audience.

What sets InfoLari.com apart is its seamless integration with Twitter and Telegram APIs, enabling automated event postings, monthly highlights, and reminders for upcoming races. Additionally, with the help of the ChatGPT API, the platform curates engaging daily tweets, sharing motivational content, tips, and updates that keep the running community energized and informed.

Whether you're a seasoned marathoner or just lacing up your first pair of running shoes, InfoLari.com is your go-to destination for everything related to running in Indonesia. Stay connected, stay motivated, and never miss a race with InfoLari.com!

![InfoLari](/images/project/infolari/listing.png)
![InfoLari](/images/project/infolari/calendar.png)
![InfoLari](/images/project/infolari/event-detail.png)
![InfoLari](/images/project/infolari/gear.png)
![InfoLari](/images/project/infolari/gear-detail.png)
![InfoLari](/images/project/infolari/form-submission.png)

Your Ultimate Running Event Hub in Indonesia

Client

Timeline

website

Info Lari


Kenology.id is a personal blog designed to showcase articles, galleries, portfolios, and the owner’s biography. It serves as a creative space for sharing insights, personal experiences, and professional achievements. The site offers a clean and user-friendly interface, making it easy for visitors to explore content. Kenology.id reflects the owner's passion for storytelling and professional growth, combining personal expression with a digital portfolio to inspire and engage its audience.

Kenology


FynCalls is a feature-rich cold call CRM web application designed to streamline lead management and improve sales efficiency. As a Full-Stack Web Developer, I built this solution using Laravel, jQuery, Bootstrap, and MySQL, integrating it seamlessly with Plivo API for advanced call functionalities.

This project delivers tools for managing contacts, tracking call progress, and enhancing communication workflows, making it an essential system for cold-calling operations.

FynCalls


LakuLagi is a vibrant and user-friendly marketplace dedicated to buying and selling preloved or second-hand items, empowering sustainability and smart shopping in Indonesia. Designed with both sellers and buyers in mind, LakuLagi offers a seamless platform where people can find new homes for their cherished belongings while enjoying a secure and efficient transaction process.

Built using Laravel, Bootstrap, MySQL, and jQuery, the platform is engineered to deliver a smooth and intuitive user experience. LakuLagi is fully integrated with Midtrans, a trusted payment gateway, ensuring secure online transactions, and Biteship, an aggregator for shipping services, providing users with a variety of delivery options at competitive rates.

Whether you're decluttering or searching for hidden gems, LakuLagi simplifies the process of connecting sellers with buyers in a reliable and efficient way. The platform reflects the growing trend of conscious consumption and makes it easier than ever to embrace the preloved culture while supporting eco-friendly practices.

<div class="image columns-1 sm:columns-2 gap-8">

  ![LakuLagi.](/images/project/lakulagi/7.png)
  ![LakuLagi](/images/project/lakulagi/8.png)
  ![LakuLagi](/images/project/lakulagi/9.png)
  ![LakuLagi](/images/project/lakulagi/10.png)

</div>

![LakuLagi](/images/project/lakulagi/11.png)

The Go-To Marketplace for Preloved Treasures in Indonesia

LakuLagi 


drmelissacollins.com is a personalized website crafted to highlight the professional journey and accomplishments of Dr. Melissa Collins, a distinguished expert based in the United States. This project was a collaboration to design a polished and user-friendly platform that effectively showcases her expertise while providing an accessible way for visitors to connect with her.

## The website features:
- Detailed Professional Profile: An engaging biography, curated publications, and a showcase of Dr. Melissa Collins career milestones and achievements.
- Interactive Contact Page: Visitors can seamlessly send inquiries or schedule appointments through an intuitive contact form.
- Modern Design and Technology: Built using Laravel and Bootstrap, the site is fully responsive, fast-loading, and secure, ensuring a smooth experience across all devices.

This project exemplifies my ability to deliver tailored digital solutions that meet the specific needs of international clients. The result is a sleek, professional website that enhances Dr. Melissa Collins online presence, offering both aesthetic appeal and functionality.

![Dr Melissa Collins.](/images/project/drmelissacollins/full.png)

Dr. Melissa Collins


SellerPro is an innovative network marketing application designed to streamline user onboarding and reward distribution. Users can join specific class categories and earn commissions by inviting others to join, creating a dynamic and incentivized network.

As a Backend Developer, I built the system's core functionalities using Laravel, jQuery, Bootstrap, and MySQL, ensuring efficient operations, secure data handling, and a user-friendly experience. SellerPro simplifies network marketing while maximizing user engagement and rewards.

Empowering Network Marketing with Seamless Rewards

Sellerpro


Kopinusa.com is a vibrant e-commerce platform crafted to celebrate and showcase the finest Indonesian coffees, offering coffee lovers a gateway to explore the rich flavors and traditions of the archipelago. This project was meticulously designed and developed to provide a seamless and engaging experience for both local and international coffee enthusiasts.

The website boasts an intuitive user interface, allowing visitors to effortlessly browse a curated selection of premium coffee blends, discover detailed product descriptions, and place orders with ease. A standout feature is the direct ordering through WhatsApp, enabling customers to complete their purchases quickly and conveniently, reflecting the platform’s user-centric approach.

Built with modern web technologies and optimized for both aesthetics and functionality, Kopinusa.com serves as a visually stunning showcase of Indonesia’s coffee heritage. From the earthy notes of Robusta to the fruity undertones of Arabica, the platform connects coffee connoisseurs with the diverse flavors of Indonesia, while supporting local coffee producers in reaching a broader audience.

Kopinusa.com


Sales Development CRM is a web-based application that records leads generated by agents assigned to campaigns.

<div class="image columns-1 sm:columns-2 gap-8">

  ![Sales Development CRM.](/images/project/sales-development-crm/1.png)
  ![Sales Development CRM.](/images/project/sales-development-crm/2.png)
  ![Sales Development CRM.](/images/project/sales-development-crm/3.png)
  ![Sales Development CRM.](/images/project/sales-development-crm/4.png)
  ![Sales Development CRM.](/images/project/sales-development-crm/5.png)
  ![Sales Development CRM.](/images/project/sales-development-crm/6.png)

</div>

![Sales Development CRM.](/images/project/sales-development-crm/7.png)

a web-based application that records leads generated by agents assigned to campaigns

Sales Development CRM


Lapor Pemilu 2024 is a comprehensive web-based system built to streamline the data collection and reporting process for Indonesia's 2024 election. The platform enables the recording of election results from polling stations (TPS) for various electoral categories, including the Presidential election, House of Representatives, Provincial Council, and Regional Council. It ensures a more efficient and transparent quick count process by displaying real-time data on a user-friendly dashboard.

The system leverages modern web technologies, including Laravel for backend development, Bootstrap for responsive UI design, and jQuery for enhancing interactivity. MySQL serves as the primary database, ensuring reliable data storage and retrieval, while REST APIs facilitate seamless integration with other services. Additionally, the use of WhatsApp API enables polling station officers to submit election data quickly through WhatsApp messages, which are processed and displayed in real time on the dashboard.

Key features of Lapor Pemilu 2024 include role-based access for secure data management, real-time analytics for quick counts, and a robust data validation process to ensure the accuracy of reported election results. The combination of these technologies and features provides an effective solution for election monitoring, contributing to the transparency and integrity of the electoral process.

![Lapor Pemilu](/images/project/lapor-pemilu/1.png)
![Lapor Pemilu](/images/project/lapor-pemilu/2.png)

Lapor Pemilu 2024


The Lead Distribution Web App is a powerful tool designed to streamline the assignment of leads to agents across various counties, enabling efficient prospecting and follow-up. With customizable county assignments for each agent, the system ensures optimal lead distribution and tracking.

As a Full-Stack Web Developer, I built this application in just three days using Laravel, Livewire, jQuery, Bootstrap, and MySQL, delivering a robust solution for seamless lead management and enhanced agent productivity.

<div class="image columns-1 sm:columns-2 gap-8">

  ![Lead Distribution App.](/images/project/lead-distribution/1.png)
  ![Lead Distribution App.](/images/project/lead-distribution/2.png)
  ![Lead Distribution App.](/images/project/lead-distribution/3.png)
  ![Lead Distribution App.](/images/project/lead-distribution/4.png)

</div>

![Lead Distribution App.](/images/project/lead-distribution/5.png)

Lead Distribution Web App


I developed WKBConsulting.com, a company profile website for an ISO consultancy firm. This website provides comprehensive information about the company, its services, activity gallery, and articles related to ISO standards. Built using Laravel, Bootstrap, and jQuery, the site offers a professional and user-friendly platform to showcase the company’s expertise and industry insights. The design emphasizes clarity and accessibility, ensuring visitors can easily navigate and find relevant information about the consultancy services offered.

WKB Consulting


LuxuryStays.nyc is a sophisticated and feature-packed platform crafted specifically for the luxury real estate market in Manhattan, New York. Whether you're a discerning traveler looking for an exclusive property or a property owner eager to showcase a high-end listing, LuxuryStays.nyc offers a seamless and refined experience for both sides of the market.

Developed using a robust stack of technologies including Laravel, Bootstrap, MySQL, and jQuery, the website integrates cutting-edge features to ensure users have a smooth and secure experience. Key integrations include Google Maps API for precise location services, Stripe for secure and reliable payments, and Plaid for efficient financial verification. Additionally, the platform supports convenient user authentication via Facebook and Google APIs, further enhancing both ease of use and security.

With its sleek design and comprehensive functionality, LuxuryStays.nyc stands as the ultimate solution for luxury property management and booking in one of the world’s most coveted real estate markets. It seamlessly combines advanced technology with a luxurious user experience, setting a new standard for high-end property booking platforms.

![LuxuryStays](/images/project/luxurystaysnyc/homepage.png)
![LuxuryStays](/images/project/luxurystaysnyc/properties.png)
![LuxuryStays](/images/project/luxurystaysnyc/property.png)
![LuxuryStays](/images/project/luxurystaysnyc/partnership.png)

LuxuryStaysNYC


APMIKIMMDO is an e-commerce platform created for the Indonesian Association of Independent Micro, Small, and Medium Enterprises (Apmikimmdo). It serves as a marketplace for promoting and selling a wide range of Indonesian SME products, supporting local entrepreneurs and driving economic growth.

As the Backend Developer, I built and optimized the backend system, ensuring smooth functionality and user experience. Using Laravel, Livewire, jQuery, Bootstrap, and MySQL, I developed a robust platform that facilitates seamless transactions and highlights the best of Indonesia's SME products.

Empowering Indonesian SMEs Through E-commerce

APMIKIMMDO


Halo Coach is an innovative consultation platform that connects users with expert business coaches. The application allows users to find and book consultations, schedule sessions, and communicate with coaches via chat, video calls, or phone calls.

Seamlessly integrated with Agora for real-time communication and Midtrans as a payment gateway, the platform ensures a smooth and secure experience. As a Backend Developer, I developed and managed the backend system using Laravel, Livewire, jQuery, Bootstrap, and MySQL, delivering a reliable and user-friendly solution for professional coaching services.

Halo Coach!


WA Yanduan Presisi is a cutting-edge reporting system designed to facilitate public complaints about police misconduct via WhatsApp. Users can effortlessly submit their reports and track their progress by scanning a barcode or saving a dedicated WhatsApp number. The application simplifies the process by allowing users to upload their ID photos directly from their phones, ensuring a seamless and accessible reporting experience.

This innovative system eliminates the need for physical visits to the police station, making it easier for citizens to voice their concerns and monitor their reports at any time. WA Yanduan Presisi enhances transparency and efficiency in handling public complaints, reflecting a significant leap forward in digital engagement between the community and law enforcement.

Streamlined Police Reporting via WhatsApp

WA YANDUAN PRESISI


Scriptmatic is a cutting-edge web-based tool designed to streamline the creation and management of customer communication scripts. With Scriptmatic, users can effortlessly generate personalized chat scripts and follow-up messages, eliminating the struggle of coming up with effective communication strategies.

## Key features of Scriptmatic include:

- AI-Powered Script Recommendations: Collaborating with OpenAI, Scriptmatic offers tailored script suggestions based on user preferences, ensuring that the generated content is both unique and relevant.
- CS Rotator Feature: Equitably distributes leads among customer service representatives based on their skills, ensuring fair and efficient handling of customer inquiries.
- Broadcast Messaging: Allows users to send bulk messages via WhatsApp or email with a single click, streamlining campaign communication.
- Easy Contact Import: Facilitates the import of multiple WhatsApp and email contacts at once, saving time and effort.

Scriptmatic enhances customer interaction and follow-up processes with innovative, user-friendly solutions.

![Scriptmatic.](/images/project/scriptmatic/1.png)
![Scriptmatic.](/images/project/scriptmatic/2.png)
![Scriptmatic.](/images/project/scriptmatic/3.png)

Advanced Web Tool for Crafting and Managing Customer Communication

Scriptmatic


Denxp.com is a powerful shipping aggregator platform that simplifies the complexities of international and domestic shipping. Designed to cater to businesses and individuals alike, the platform connects users with leading shipping carriers such as FedEx, DHL, Aramex, UPS, and J&T, offering a one-stop destination for all shipping needs.

![DenXP](/images/project/denxp/1.png)

Built using Laravel, Bootstrap, and MySQL, Denxp.com is a testament to modern web development, seamlessly integrating with multiple carriers to provide users with a hassle-free experience. Key features include:
- Real-time shipping rates: Instantly compare prices from various carriers to find the best deal.
- End-to-end tracking: Stay updated on the status of your shipments with precise tracking tools.
- Effortless booking: Manage shipments with ease through an intuitive interface.

The platform’s sleek design and advanced functionality ensure that users can optimize their shipping processes, saving both time and resources. Whether you're shipping locally or internationally, Denxp.com provides the tools you need to manage your logistics with confidence and efficiency.

Your All-in-One Solution for Global and Local Shipping

Denxp.com


Lapor Bareskrim is a secure and efficient citizen reporting system designed to facilitate public communication with law enforcement. As a Backend Developer, I was responsible for building the backend architecture and developing APIs to ensure seamless functionality.

Using a tech stack of Laravel, Livewire, Bootstrap, jQuery, and MySQL, I created a robust system that enables users to submit reports, track statuses, and improve communication efficiency. This project showcases my ability to develop scalable solutions for critical and impactful applications.

Lapor Bareskrim


Bisnisomall is an e-commerce platform dedicated to showcasing and selling products from local MSMEs (Micro, Small, and Medium Enterprises). The application serves as a bridge for small businesses to reach a broader audience and thrive in the digital marketplace.

As a Backend Developer, I developed and optimized the backend system using Laravel, Livewire, jQuery, Bootstrap, and MySQL. This project highlights my expertise in creating robust and scalable systems tailored to support the growth of local businesses in the e-commerce space.

Empowering Local Businesses Through E-Commerce

Bisnisomall


PanenPanen is an e-commerce platform specializing in fresh produce, including vegetables, fruits, ready-to-cook, and ready-to-eat products. The application provides a seamless shopping experience, catering to customers seeking high-quality and convenient food options.

As a Backend Developer, I built and optimized the backend system using Laravel, Livewire, jQuery, Bootstrap, and MySQL. This project reflects my ability to create scalable and efficient systems tailored for modern e-commerce needs.

E-Commerce Platform for Fresh & Ready-to-Eat Products

PanenPanen


Monitoring Presisi is a specialized application designed to streamline police task assignments and enhance patrol scheduling for West Jakarta Metro Police. This system simplifies the management and monitoring of patrols, ensuring efficient operations and better coordination.

As a Backend Developer, I built the backend system using a robust tech stack, including Laravel, Livewire, jQuery, Bootstrap, and MySQL. This project highlights my expertise in developing tailored solutions for operational efficiency and real-time task monitoring in critical environments.

Monitoring Presisi


Divisidev is a blog platform crafted to share valuable programming articles, offering resources and inspiration for developers at all skill levels.

As a Full-Stack Web Developer, I designed and developed the platform using Laravel, Livewire, Alpine JS, Bootstrap, and MySQL. The result is a dynamic and accessible website that connects developers, fosters learning, and keeps them updated with programming innovations.

Empowering Developers Through Programming Insights

Divisidev


AjarSkills is a professional platform showcasing hospitality training programs offered by PT AJAR MEDIA DIGITAL. Designed to provide an engaging user experience, the website highlights comprehensive details about available programs tailored for the hospitality industry.

As a Web Developer, I utilized Bootstrap and modern JavaScript libraries such as Animate and AOS to create an aesthetically appealing and responsive design, ensuring seamless navigation and interactive animations.

Ajar Skills


I developed a robust Voucher Management System for Ajar LMS, designed to streamline the management of vouchers for program registrations and course access. Key features include:

- Voucher Generation: Create unique voucher codes effortlessly.
- Voucher Export: Export voucher data for reporting and analysis.
- Usage Tracking: Monitor voucher usage, including user details and redemption status.

This system enhances operational efficiency, provides detailed insights, and ensures a seamless experience for both administrators and users. Built with Laravel, Vue JS and MySQL, it’s a scalable solution for modern e-learning platforms.

Ajar Voucher System


Laravel Compro is an open-source company profile web template built using Laravel and Bootstrap, designed to provide businesses with a professional and customizable online presence.

This project showcases a clean, responsive layout with essential features for company profiles, making it a perfect starting point for developers and businesses alike. The source code is available on my GitHub, offering a practical example of how Laravel and Bootstrap can be combined to create functional and visually appealing web solutions.

Github

Company Profile


Codelapan is a blog platform dedicated to sharing insightful articles about programming, helping developers enhance their skills and stay updated with the latest trends in technology.

As a Full-Stack Web Developer, I handled both frontend and backend development to create a responsive and engaging platform. Leveraging Laravel, Livewire, jQuery, Bootstrap, and MySQL, I built a user-friendly blog that empowers developers to learn, grow, and connect with the programming community.

Codelapan


DiBanyuwangi is a comprehensive website showcasing listings of tourist attractions, accommodations, cafes, and restaurants in Banyuwangi, alongside engaging articles about the region. Built with Laravel and Bootstrap, this platform offers a seamless user experience and serves as a go-to resource for exploring Banyuwangi. Developed as part of a challenge by Alibaba Cloud, the project was successfully deployed on their platform and earned a spot in the top 50 from thousands of participants. This achievement highlights my skills in web development and cloud deployment.

![dibanyuwangi.](/images/project/dibanyuwangi/1.png)
![dibanyuwangi.](/images/project/dibanyuwangi/2.png)
![dibanyuwangi.](/images/project/dibanyuwangi/3.png)

<div class="image columns-1 sm:columns-2 gap-8">

  ![dibanyuwangi.](/images/project/dibanyuwangi/4.png)
  ![dibanyuwangi](/images/project/dibanyuwangi/5.png)

</div>

Tourism and Lifestyle Directory for Banyuwangi

Dibanyuwangi


Go Madhang is a dynamic restaurant website designed to showcase menus, events, and galleries while offering seamless online booking and contact submission features. Built with Laravel and Bootstrap, the platform delivers a responsive and visually appealing user experience. My role involved creating a robust, user-friendly system that simplifies table reservations and enhances customer engagement. This project highlights my expertise in developing elegant, functional, and scalable web solutions for the hospitality industry.

![gomadhang.](/images/project/gomadhang/1.png)
![gomadhang.](/images/project/gomadhang/2.png)
![gomadhang.](/images/project/gomadhang/3.png)
![gomadhang.](/images/project/gomadhang/4.png)
![gomadhang.](/images/project/gomadhang/5.png)
![gomadhang.](/images/project/gomadhang/6.png)

Interactive Restaurant Website with Online Booking

Go Madhang


I developed a WhatsApp Chat Link Generator tool that enables users to create direct chat links based on WhatsApp numbers and predefined messages. This innovative tool streamlines the communication process by allowing users to initiate WhatsApp chats without needing to save contacts.

The website features a user-friendly interface where visitors can easily input a phone number and message to generate a custom chat link. This link can then be shared across various platforms, making it ideal for businesses, marketing campaigns, or personal use. The tool also includes features for generating QR codes and custom short URLs, enhancing its versatility and usability.

By utilizing modern web technologies and a responsive design, this project ensures that users have a seamless and efficient experience.

![wazap.](/images/project/wazap/wazap-home.png)
![wazap.](/images/project/wazap/wazap-generate.png)
![wazap.](/images/project/wazap/wazap-custom-url.png)

Wazap


I contributed to the development of AJAR LMS, a hybrid learning platform tailored for the hospitality industry, in dual roles as Quality Assurance (QA) and Web Developer. Initially, I focused on ensuring the platform's stability and reliability by conducting thorough testing, creating test cases, and automating tests using Selenium.

As a Web Developer, I shifted my focus to bug fixing and adding new features and modules to enhance the platform's functionality and user experience. I collaborated with the development team using Trello for task management and Bitbucket for version control.

## Tools & Tech Stack:
- Google Spreadsheet: Used for test case documentation and bug reporting.
- Trello: Task management and progress tracking.
- Selenium: Automated testing to ensure platform stability.
- Laravel, jQuery, Bootstrap, MySQL: Implemented feature enhancements and resolved technical issues.
- Bitbucket: Version control and team collaboration.

This project strengthened my ability to adapt to multiple roles and deliver high-quality solutions, from testing to hands-on development, ensuring a seamless and reliable learning experience for users.

![Ajar Landing Page](/images/project/ajar/full.png)

<div class="image columns-1 sm:columns-2 gap-8">

  ![ajar.](/images/project/ajar/fitur-1.png)
  ![ajar](/images/project/ajar/fitur-2.png)
  ![ajar](/images/project/ajar/fitur-3.png)
  ![ajar](/images/project/ajar/fitur-4.png)
  ![ajar](/images/project/ajar/fitur-5.png)
  ![ajar](/images/project/ajar/fitur-6.png)

</div>

![ajar](/images/project/ajar/fitur-7.png)
![ajar](/images/project/ajar/fitur-8.png)
![ajar](/images/project/ajar/fitur-9.png)
![ajar](/images/project/ajar/fitur-10.png)

Hospitality-Focused Learning Management System

Ajar Cloud LMS


Genpi Banyuwangi is a tourism platform that simplifies booking tour packages and guides in Banyuwangi. The website also features listings of accommodations, hotels, cafes, and restaurants, catering to travelers exploring the region.

Developed as a final university project, I built this platform using CodeIgniter, jQuery, Bootstrap, and MySQL. As the Web Developer, I focused on creating a user-friendly interface and seamless functionality, supporting Genpi, an organization dedicated to promoting Banyuwangi's vibrant tourism.

Recent Works

Mitraweb

Info Lari

Kenology

FynCalls

LakuLagi

Dr. Melissa Collins