A full-stack CRUD application built with React and Tailwind CSS on the frontend and Node.js, Express, and MongoDB on the backend. It provides create, read, update, and delete operations through a structured REST API. The frontend delivers a clean and responsive UI using Tailwind, while the backend handles routing, data validation, and database interactions with Mongoose. Designed as a lightweight template for building modern, efficient, and scalable web applications.
Aplikasi Filtering Image berdasarkan Item tertentu
This portfolio application is built using basic HTML, CSS, and JavaScript. It provides a clean and responsive layout to showcase personal information, skills, projects, and contact details. The design focuses on simplicity and usability, while JavaScript adds interactivity such as smooth scrolling and dynamic content display. This lightweight structure makes it easy to customize and suitable for presenting your professional profile online.
This project demonstrates how to consume the Jikan API to fetch and display Top Manga data using React JS and TailwindCSS. The app sends a request to the Jikan endpoint /top/manga and renders a responsive list of manga titles, including images, ranks, and scores. TailwindCSS is used for clean, modern styling, while React handles data fetching with useEffect and state management with useState. This setup provides a simple, fast, and efficient way to integrate public API data into a React interface.
Consume API dari NekosAPI dengan Endpoint pengambilan Images, Character, dan Artist ( Tidak disarankan untuk dilihat )
The Daily Report Application is a web-based system built with Laravel as the backend framework and MySQL as the primary database. It uses the STISLA admin template to provide a clean, responsive, and modern user interface. The application allows employees to create, update, and submit daily work reports, while managers can review, approve, or comment on the submitted reports. Key features include user authentication, role-based access control, report history, data filtering, and export options. The system is designed to improve productivity, ensure reporting transparency, and streamline daily task monitoring across teams.
This is a simple and responsive movie catalog web application built with React.js, styled using Tailwind CSS, and powered by The Movie Database (TMDb) API. It allows users to browse trending movies, search for titles, and view detailed information like ratings, genres, and overviews.
Minesweeper built with HTML, CSS, and JavaScript that displays a grid containing randomly placed mines. Players open cells, place flags, and avoid mines. The numbers on each cell indicate how many mines are nearby. The game logic, mine placement, and win/loss detection are handled with JavaScript, while CSS provides a simple and responsive layout. Suitable as practice for DOM manipulation and event handling.
My professional career journey.
Indragiri Hilir, Riau
June 2024 - Present
Jakarta
July 2023 - Present