I developed this website as a prototype for Sajian Cafe, aiming to deliver a modern and
user-friendly interface tailored for the culinary business. The project focused on building the
frontend using standard web technologies, ensuring fast performance, responsive design across
devices, and an appealing visual layout to strengthen brand identity.
One of the key features I designed is the online ordering system, allowing customers to browse
the menu and place orders directly through the website. Although this website was not officially
adopted by Sajian Cafe, I included it in my portfolio as a showcase of my ability to design
interfaces and provide digital solutions for culinary businesses.
DAAR AL IHSAN
PROGRAMMING LANGUAGE
HTML |
CSS |
JAVA SCRIPT |
PHP
FRAMEWORK
BOOTSTRAP |
LARAVEL
This website was developed as a client project, where I was fully responsible for both the
frontend and backend development. The visual design was provided by the UI/UX team, and I
implemented it into a fully functional website according to the project requirements. The
development process included applying a clean architecture, building the system, and ensuring
the website was responsive across various devices.
I included this project in my portfolio as proof of my ability to develop a website end-to-end,
from implementing the given design to building the core features. Through this project, I
demonstrated my experience in handling fullstack development from start to finish.
UCOK PAHLEVI
PROGRAMMING LANGUAGE
HTML |
CSS |
JAVA SCRIPT
FRAMEWORK
BOOTSTRAP
This website was developed as a personal blog for Ucok Pahlevi. The project was designed using
only HTML, CSS, and JavaScript, with the help of Bootstrap as the framework to speed up styling
and ensure a responsive layout across different devices.
The main purpose of this website is to provide a clean and user-friendly platform for showcasing
writings and personal content. With a well-structured layout and modern design, this project
demonstrates how core web technologies can be utilized to create both functional and visually
appealing results.
UCOK COFFE
PROGRAMMING LANGUAGE
HTML |
CSS |
JAVA SCRIPT
FRAMEWORK
BOOTSTRAP
This website was created as a business profile for UcokCoffe, a coffee shop that needed a simple
online presence to introduce its brand. Since it only focuses on the profile, the website was
developed using HTML, CSS, and JavaScript, with the help of Bootstrap as the framework to speed
up styling and ensure a responsive layout across different devices.
The website showcases key information about the coffee shop, such as the business description,
services offered, and contact details. With a clean and simple design, it serves as an
accessible digital representation for customers.
RUANG INPUT
PROGRAMMING LANGUAGE
HTML |
CSS |
JAVA SCRIPT |
PHP
FRAMEWORK
BOOTSTRAP
This website was developed for Ruang Data Telemedia with the purpose of simplifying the internal
system, specifically for managing phone number input. The project was built using HTML, CSS,
JavaScript, PHP, and Bootstrap as the framework to accelerate styling and ensure a responsive
interface.
In addition, the website is integrated with MySQL as the database to store and manage data in a
structured way. With this architecture, the system becomes more efficient, user-friendly, and
helps improve accuracy and speed in data processing within the workspace.
BOOK MENU
PROGRAMMING LANGUAGE
HTML |
CSS |
JAVA SCRIPT |
PHP
FRAMEWORK
BOOTSTRAP
This website was created as a menu ordering system for a café, designed specifically to allow
customers to place orders directly through the platform. It was developed using HTML, CSS,
JavaScript, PHP, and Bootstrap as the framework to build a responsive and user-friendly
interface.
The system is supported by MySQL as the database, which manages and stores order data
efficiently. With this setup, the website provides a simple yet effective solution for handling
customer orders, making the ordering process more streamlined for both the café and its
customers.
REKOMENDASI FILM
PROGRAMMING LANGUAGE
HTML |
CSS |
JAVA SCRIPT |
PHP
FRAMEWORK
BOOTSTRAP
This website was developed as a popular movie recommendation platform, with the main function of
providing a list and information about trending movies. The project was built using HTML, CSS,
JavaScript, PHP, and Bootstrap as the framework to deliver a responsive and visually appealing
interface.
Movie data is stored and managed using MySQL as the database, allowing the system to present
recommendations in a structured way. This website demonstrates how core web technologies can be
utilized to deliver a simple yet functional entertainment solution.
KASIRKU
PROGRAMMING LANGUAGE
HTML |
CSS |
JAVA SCRIPT |
PHP
FRAMEWORK
BOOTSTRAP |
LARAVEL
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.
I developed this website as a prototype for Sajian Cafe, focusing on creating a modern, user-friendly, and
responsive frontend using standard web technologies to strengthen the brand’s identity. One of its key
features is an online ordering system that enables customers to browse the menu and place orders directly.
Although it was not officially adopted, I included this project in my portfolio as a showcase of my ability
to design interfaces and provide digital solutions for culinary businesses.
This website was developed as a client project, where I was fully responsible for both frontend and backend
development. Based on the visual design provided by the UI/UX team, I implemented a clean architecture,
built the core system, and ensured responsiveness across devices. I included this project in my portfolio as
proof of my ability to handle fullstack development end-to-end, from implementing the design to building the
main features.
This website was developed as a personal blog for Ucok Pahlevi, built using only HTML, CSS, and JavaScript
with Bootstrap to ensure responsive styling. Its purpose is to provide a clean and user-friendly platform
for showcasing writings and personal content, demonstrating how core web technologies can be applied to
create both functional and visually appealing results.
This website was created as a business profile for UcokCoffe, developed using HTML, CSS, and JavaScript with
Bootstrap to ensure responsive styling. Focused on providing a simple online presence, it showcases key
information such as the business description, services, and contact details, serving as a clean and
accessible digital representation for customers.
This website was developed for Ruang Data Telemedia to simplify the internal system, specifically for
managing phone number input. Built with HTML, CSS, JavaScript, PHP, and Bootstrap for a responsive
interface, it is also integrated with MySQL to store and manage data efficiently, making the system more
user-friendly while improving accuracy and speed in data processing.
This website was created as a menu ordering system for a café, developed using HTML, CSS, JavaScript, PHP,
and Bootstrap to build a responsive and user-friendly interface. Supported by MySQL for efficient data
management, it provides a simple yet effective solution for handling customer orders, streamlining the
ordering process for both the café and its customers.
This website was developed as a popular movie recommendation platform, built with HTML, CSS, JavaScript,
PHP, and Bootstrap to create a responsive and visually appealing interface. Using MySQL to store and manage
movie data, it presents recommendations in a structured way and demonstrates how core web technologies can
deliver a simple yet functional entertainment solution.
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.
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.