FAIQ AL FARUQ

Web Developer | UI/UX Designer


SAJIAN

PROGRAMMING LANGUAGE

HTML | CSS | JAVA SCRIPT

FRAMEWORK

BOOTSTRAP

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.