msn Logo

II'm a Fullstack Developer with a passion for creating responsive, user-friendly applications. With expertise in both front-end and back-end technologies, I bring ideas to life through clean, efficient code. LetI's build something great together.

Work Experiences

PT Prosigmaka Mandiri

Mar 2022 - Present

Front End Developer (Outsourced at PT Astra International)

  • Developed and maintained new features for projects at PT Astra International, focusing on Lembaga Sertifikasi Profesi (LSP) Astra, Organization Assessment (OA), Talent Information System (TIS), HC Analytics, InnovAstra, and SONAR platforms.
  • Enhanced existing features to improve user experience, responsiveness, and performance using React, Next.js, TypeScript, MobX, Redux, and Tailwind CSS.
  • Transformed design mockups and wireframes into visually appealing, interactive web interfaces that prioritize usability and accessibility.
  • Integrated frontend code with backend services by working closely with backend developers, ensuring seamless functionality and optimized workflows.
  • Implemented secure authentication solutions, including Duende Identity Server integration, session management, and multi-factor authentication (MFA) with OTP, to strengthen application security.

Manten (jadimanten.com)

Feb 2024 - Present

Founder & Solo Fullstack Developer (Self-Employed)

  • Founded and developed Manten, a customizable wedding invitation platform, as a self-directed business venture, managing all aspects of design, development, and deployment.
  • Built a responsive, user-friendly interface using React, Next.js, TypeScript, and Tailwind CSS, enabling users to seamlessly personalize wedding invitations.
  • Utilized Prisma and PostgreSQL for backend database design and management, ensuring efficient data handling and integration.
  • Developed custom backend services using Next.js API routes and Node.js, providing a secure and maintainable infrastructure.
  • Deployed the platform on a VPS using Docker, leveraging Nginx as a reverse proxy for optimized performance and secure access

Prosa.ai

Feb 2022 - Juli 2022

AI Engineer Intern

  • Contributed to improving and optimizing machine learning models and methodologies used in Prosa REGIS, focusing on enhancing model performance and developing evaluation processes.
  • Gained hands-on experience with Natural Language Processing (NLP) techniques, including Deep Learning for NLP using models like Transformer and BERT.
  • Developed and deployed a model for detecting abusive language, leveraging TensorFlow Serving and FastAPI for efficient deployment and integration into production systems.

Telkom Indonesia

Feb 2022 - Juli 2022

Data Scientist Intern

  • Gained foundational knowledge in data science for marketing, including understanding key performance indicators (KPIs), product analytics, and recommendation algorithms for targeting the right products to users.
  • Built a Machine Learning (ML) model for sentiment analysis using myIndiHome and myIndiHome X review datasets to evaluate customer feedback and sentiment.
  • Designed and implemented a recommendation system using the PaDi UMKM dataset to suggest products and services tailored to customer needs

Projects

jadimanten.com

Manten - Wedding Invitation Builder

Manten is a modern web application designed to simplify the creation and customization of beautiful, user-friendly wedding invitations. Built with a robust tech stack—Next.js for server-side rendering, TypeScript for type-safe development, Prisma as the ORM, PostgreSQL for a reliable database, and Tailwind CSS for sleek and responsive styling—Manten delivers a seamless experience for users looking to personalize their wedding invitations.
nextjs
prisma
prisma
typescriptpostgresql

msnhdyt.github.io

OnetPrime - Sequence Summing Game

OnetPrime is an interactive web-based game inspired by the classic "Onet" developed as an initial project in frontend development. Built using HTML, CSS, and JavaScript, OnetPrime challenges players to find a sequence of cells where the sum of all values from a chosen start cell to an end cell is a prime number.
html5cssjs

msnhdyt-mynotes.netlify.app

My Notes App - An Interactive Note Taking

An interactive note-taking app built with React, JavaScript, and CSS. Users can easily create and manage notes using a WYSIWYG (What You See Is What You Get) editor, with the ability to drag and drop notes as cards for better organization. The app also features theme customization, allowing users to switch between dark mode and light mode, as well as language support for both English and Bahasa. This project demonstrates my skills in front-end development, including UI/UX design and dynamic state management in React.
reactjscss
A simple yet functional stopwatch app built with React and JavaScript. It allows users to start, stop, and reset the timer, making it ideal for timing events or activities. This project showcases my ability to create interactive components, manage state, and implement hooks in React.
reactjscss
A beginner project built with Tailwind CSS to practice utility-first styling. This exercise allowed me to familiarize myself with Tailwind’s responsive design features, layout utilities, and custom styling, helping me improve my front-end development skills with a modern and efficient CSS framework.
html
prisma
LaperMang is a progressive web app (PWA) built as an exercise project using HTML, CSS, and JavaScript. It offers users a curated list of restaurants and allows them to save favorites for easy access. With PWA features, LaperMang is installable and accessible offline, providing a smooth, app-like experience across devices.
html5cssjs

ayfinder.netlify.app

AyFinder - Quranic Verse Finder

AyFinder is a web application that allows users to search for specific Quranic verses (ayat) based on keywords. Built with HTML, CSS, and JavaScript, AyFinder demonstrates proficiency in fetching and displaying data from an API, offering users a simple and effective way to explore Quranic content.
html5cssjs
side
linkedingmailtlxtlxtlx