Projects

Portal Game ID

Portal Game ID
An interesting game list manager web application with development using React JS, Vite for efficiency, and connected via RAWG API. The modern and responsive interface is implemented with Tailwind CSS.
React
Vite
Tailwind CSS

ChatYol AI

ChatYol AI
ChatYol AI is an advanced chatbot built with Vite, React.js, and styled using Tailwind CSS. It leverages the GROQ AI API powered by the LLAMA3-8b-8192 model, providing extremely fast response times.
Vite
Bun
Tailwind CSS

SMK Kusuma Bangsa

SMK Kusuma Bangsa
A Kusuma Bangsa Vocational School website that upholds the integration of academic information systems (siakad) in it was developed by 8 classmates consisting of UI/UX designers and programmers to be used as the final project for the technology innovation course.
TypeScript
PHP
React
Vite
laravel
Framer Motion
Tailwind CSS

Hulu Tv Clone App

Hulu Tv Clone App
The Hulu TV Clone App is a cloning project aimed at replicating the interface and features of the Hulu streaming video service.
HTML
CSS
JavaScript
Jquery

Netflix Clone

Netflix Clone
This is a Netflix clone built with React.js using Vite for optimized builds. It replicates the Netflix interface and fetches movie data from TMDb API. User authentication is powered by Firebase.
React
Vite
Firebase

Ecommerce-Catalog

Ecommerce-Catalog
A final project from the Vue JS Core Initiative Studio x Rakamin Academy to create ecommerce with API integration from the fakestore api.
TypeScript
Vue.js
Vite

Portfolio Website v1

Portfolio Website v1
My first Portofolio Website Build with Tailwind CSS
HTML
CSS
JavaScript
Tailwind CSS

Hospital Website

Hospital Website
Cahaya Medika Hospital is a leading healthcare provider dedicated to delivering high-quality medical services to its patients
HTML
CSS
JavaScript

UMKM Telur gulung

UMKM Telur gulung
an egg roll UMKM website created with a grid layout as CSS practice
HTML
CSS
JavaScript

Portofolio V2

Portofolio V2
My portfolio with multipage changes from the first revision
TypeScript
React
Next.js
React Hook Form
Jotai
Framer Motion
Tailwind CSS

UMKM Es Coklat Jadoel

UMKM Es Coklat Jadoel
Practical assignment for final 3rd semester exam on basic web programming to create a Jadoel chocolate ice umkm website using WordPress design
WordPress

YouPanel Course

YouPanel Course
YouPanel Course is a panel to review a lesson that is used to learn knowledge about programming and others (at this time it is only slicing and is still not fully working).
Next.js
Tailwind CSS
Ant Design

ChatYol Landing Page

ChatYol Landing Page
A landing page designed to give you an idea of the advanced capabilities of ChatYol AI, a chatbot created to increase your productivity with fast and accurate solutions but still in its infancy.
TypeScript
Next.js
Framer Motion
Tailwind CSS

Kemah Kuy

Kemah Kuy
Kemah Kuy is a landing page designed to facilitate camping or hiking trips by providing comprehensive information about locations, facilities, and camping tips in Indonesia.
TypeScript
Next.js
Tailwind CSS

Certificate Generator

Certificate Generator
This project is a web application that allows you to create certificates easily and quickly. Users can enter information such as participant names, program names, dates, and logos, and the app will automatically generate professional-looking certificates.
React
Vite

Arena Poinball

Arena Poinball
Poin Ball is a simple project showcasing a pinball game with a futuristic-themed GIF background.
HTML
CSS
JavaScript
Jquery

Language Translator

Language Translator
Language Translator is a language translator that uses an interface like Google Translate but is easier to understand
HTML
CSS
JavaScript

Battery Detector

Battery Detector
On this website interface, there is a display that displays information about the battery strength level in the form of a percentage or numerical value that can be read by the user. This interface can be created using HTML and CSS to determine the layout and styling of existing elements
HTML
CSS
JavaScript

Notepad Online

Notepad Online
This online notepad is a web interface that makes it easy to create text and then edit that text with existing features such as Word
HTML
CSS
JavaScript

Password Generator

Password Generator
The Futuristic Password Generator project is an application designed to create secure and unique passwords with an eye-catching futuristic background.
HTML
CSS
JavaScript

Immposible Checkbox

Immposible Checkbox
Impossible Checkbox project is an innovative application that introduces a unique interaction where checking a checkbox triggers an animation involving a bear that dynamically disables the checkbox.
HTML
CSS
JavaScript

My College 3rd assignments

My College 3rd assignments
3rd semester assignments for basic web programming
JavaScript
Jquery
Bootstrap
Tailwind CSS