Here, you’ll find a collection of projects I’ve worked on, ranging from web development to UI/UX
design. Each project is a testament to the dedication and skills I’ve developed throughout my work
in this field.
These projects highlight my ability to create innovative and functional solutions. I am always
committed to delivering the best results in every project I take on. Feel free to explore my
portfolio, and don’t hesitate to contact me if you’re interested in my services or have any
questions.
It is a POS (Point of Sale) website designed to help in calculating product
stock, receipt of goods, expenses, sales, and returns. This system allows for efficient and
integrated inventory and transaction management, making it easy to monitor stock and business
activities in real-time.
With this feature, users can track product stock in detail, starting from the
number of items that come in, items sold, to returns. In addition, the system also provides
sales and expense reports, aiding in the analysis of business performance. With this website, it
is hoped that business management will become more structured and efficient, providing clear
insights into the flow of goods and finance.
KASKELASKU
PROGRAMMING LANGUAGE
HTML |
CSS |
JAVA SCRIPT |
PHP
FRAMEWORK
BOOTSTRAP |
LARAVEL
This website is a website for cash payments in class using a combination of
several programming languages and frameworks. The languages I use include HTML and CSS for
structure and display, JavaScript for interactivity, and PHP for server-side.
The framework is Bootstrap to make styling easier and ensure a responsive
display on various devices. On the backend side, use Laravel to build application logic, manage
databases, and integrate various features more efficiently. This combination allows the website
to be more functional, interactive, and easy to use for users.
POKéMON
PROGRAMMING LANGUAGE
HTML |
CSS |
JAVA SCRIPT
FRAMEWORK
BOOTSTRAP |
VUE JS
This Pokémon search website was created using Vue.js as its main framework.
With Vue.js, I was able to build a responsive and interactive interface, allowing users to
quickly search for and view Pokémon information. The framework helps manage data from the API
efficiently, so that every instant search provides accurate results without the need to reload
the page.
RUANG DATA
PROGRAMMING LANGUAGE
HTML |
CSS |
JAVA SCRIPT |
PHP
FRAMEWORK
BOOTSTRAP
Data Room is a website designed like a blog to display various products
available
in Data Room. Here, Users can find complete information about the products offered, from
descriptions to detailed specifications. In addition, this website is equipped with a
chat feature
to facilitate communication and direct booking.
Ruang Data tidak hanya sebagai platform untuk menampilkan produk,
tetapi juga
sebagai alat komunikasi yang efektif, memastikan pengalaman pengguna yang optimal dalam
menemukan
dan memesan produk yang diinginkan.
XI PPLG A
PROGRAMMING LANGUAGE
HTML |
CSS |
JAVA SCRIPT |
PHP
FRAMEWORK
BOOTSTRAP
This website was created specifically to store and provide information
about
various aspects of class XI PPLG A. This is a comprehensive information center that
covers
everything related to classroom activities, learning, and student development.
The website is designed to be a digital archive that helps in the
management and
access of information about class XI PPLG A, ensuring that all important details are
readily
available to students and teachers.
In the Kehosting.in project, I created the UI/UX for a hosting and server platform designed to
look professional, modern, and user-friendly. The design embraces a futuristic tech-inspired
style with a clean layout and simple navigation flow, enabling users to quickly discover
services such as hosting, domains, or servers that fit their needs. The goal was to deliver a
seamless and reliable digital experience while positioning Kehosting.in as a strong competitor
in the web hosting industry.
MPAYMENT
FIGMA | TEAM PROJECT
MPayment's UI/UX design is designed with a focus on ease of use and attractive
aesthetics. The app's interface makes use of a minimalist design with harmonious colors and
clear typography. The intuitive use of icons and clean layout help users to quickly understand
and access the various features of the app.
MIAW AUCTION
FIGMA | SELF PROJECT
Miaw Auction's UI/UX design is designed with a focus on ease of use and
attractive aesthetics. The use of modern colors, clear typography, and well-structured layouts
help create a pleasant user experience. The responsive design ensures that the app works well on
all devices, providing easy and consistent access.
SHIPLINK
FIGMA | TEAM PROJECT
The UI and UX design for the Shiplink application that was created certainly
focuses on providing a smooth and efficient user experience. With simple and intuitive
navigation, users can easily find key features such as booking, tracking, and account settings.
The attractive and modern visual appearance gives a professional feel, using colors and layouts
that match Shiplink's branding.
This is a Point of Sale website that I developed to assist in managing product stock, goods receipts,
expenses, sales, and returns. The system is designed to enable efficient and integrated inventory and
transaction management, allowing real-time monitoring of stock levels and business activities.
With this website, you can track product stock in detail — from the number of items received, items sold, to
returned goods. In addition, it provides comprehensive sales and expense reports to help you analyze
business performance effectively. Ultimately, my goal is for this website to help make your business
management more structured and efficient, while offering clear insights into the flow of goods and financial
activities.
This website is a platform I created for managing cash payments in a classroom, built using a combination of
several programming languages and frameworks. For the structure and visual design, I use HTML and CSS, while
JavaScript handles the interactive elements. On the server side, I use PHP to process and manage data.
For styling and ensuring a responsive display across different devices, I rely on the Bootstrap framework.
On the backend, I use Laravel to develop the application logic, manage the database, and integrate various
features efficiently. By combining these technologies, I aim to make the website functional, interactive,
and easy for users to navigate and use.
This Pokémon search website is a project I built using Vue js as the main framework. With Vue js, I was able
to create a responsive and interactive interface that allows users to quickly search for and view detailed
Pokémon information. The framework efficiently manages data from the API, ensuring that every search
delivers accurate results instantly — all without the need to reload the page.
Ruang Data is a website I designed to function like a blog, showcasing various products available in the
Ruang Data. Here, users can explore complete information about the products offered — from descriptions to
detailed specifications. To make the experience even smoother, the website includes a built-in chat feature
that allows for direct communication and instant booking.
Ruang Data is not just a platform for displaying products; it also serves as an effective communication
tool, ensuring that users have the best possible experience in finding and ordering the products they want.
This website was specifically created to store and share information about various aspects of Class XI PPLG
A. It serves as a comprehensive information hub, covering everything related to classroom activities,
learning, and student development.
I designed this platform to function as a digital archive, making it easier to manage and access important
information about Class XI PPLG A. With this website, both students and teachers can quickly find the
details they need, ensuring that everything is organized and always within reach.
Kehosting.in, I developed a UI UX design that highlights professionalism, modern visuals, and easy
navigation. With a clean tech-inspired style, users can seamlessly explore hosting, domains, and server
services, ensuring a reliable and user-friendly experience.
The UI UX design of MPayment was created with a strong focus on ease of use and visual appeal. I applied a
minimalist design approach, using harmonious color schemes and clear typography to ensure readability and
comfort. The intuitive use of icons, combined with a clean and well-structured layout, allows users to
quickly understand and navigate through the app’s various features with ease.
The UI UX design of Miaw Auction was created with a strong focus on ease of use and visual appeal. I used
modern color schemes, clear typography, and well-structured layouts to deliver a smooth and enjoyable user
experience. The design is fully responsive, ensuring that the app looks and works perfectly on any device,
giving users easy and consistent access wherever they are.
The UI and UX design for the Shiplink application that was created certainly focuses on providing a smooth
and efficient user experience. With simple and intuitive navigation, users can easily find key features such
as booking, tracking, and account settings. The attractive and modern visual appearance gives a professional
feel, using colors and layouts that match Shiplink's branding.
