About me
IIaammaasseelleeccttiivveellyysskkiilllleeddSSooffttwwaarreeEEnnggiinneeeerrwwiitthhaassttrroonnggffooccuussoonnddeevveellooppiinngghhiigghh--qquuaalliittyyaannddiimmppaaccttffuullddiiggiittaallssoolluuttiioonnss
What I Do?
CODE
CODE
DESIGN
DESIGN
TUTORIAL
TUTORIAL
CODE
I like coding using VSCode and exploring new technologies.
DESIGN
I enjoy creating intuitive and beautiful user interfaces.
TUTORIAL
I love sharing knowledge about programming on my social media platforms.
My Tech Stack
Selected Projects
Esa Unggul University Social Media is a digital platform that provides facilities to carry out social activities for every user within the university. Some activities that can be done, for example, are communicating or interacting to providing information or content in the form of writing, photos and videos. This social media was created based on the problems that arise as a result of the pandemic. The first problem is the difficulty of exchanging information, socializing and collaborating between students within the scope of the university, meanwhile the existing social media has another drawback, namely the difficulty of finding data for other students both in one department and in different departments within the university scope. The second problem is the difficulty of finding important information in an integrated manner related to scholarships, seminars, organizational activities, study programs, faculty and university activities. The difficulty in getting this information is because each party has a different website address and platform so that the information is scattered everywhere. With these problems, Social Media aims to make it easier for all parties involved at Esa Unggul University in terms of socializing, communicating and collaborating as well as exchanging information. This Social Media was created using the Waterfall methodology, the Javascript programming language with the Next.js Framework as the frontend and the Go language with the Echo Framework as the backend and the MySQL database. This Social Media has 6 levels of users, namely admin universities, admin faculties, admin organizations, lecturers and students and alumni.
Built a responsive Netflix Clone using Next.js and TypeScript. Integrated IMDB API for movie data, and used Firebase for data storage and authentication. Implemented smooth animations with Framer, and styled the application with Chakra UI and Tailwind CSS. Utilized Recoil for state management and React Player for video playback.
web-based social media platform specifically for students across Indonesia, enabling them to connect and collaborate. The platform includes features for sharing scholarship information and university events, providing valuable resources for students.
Created a wedding invitation website with features included RSVP functionality, photo gallery, event schedule, and responsive design. The website received positive feedback for its user-friendly interface and aesthetic appeal.
Developed a wedding invitation website with React, Framer, and Chakra UI. Included RSVP and guest management features, photo album, and event details. The site was praised for its functionality and visual design, ensuring a smooth user experience across devices.
Collaborated with a cross-functional team including frontend developers, QA, and UI/UX designers to develop MYinvoice, an invoicing application. Participated in daily stand-ups to ensure smooth project progression. As a backend developer, created the ERD (Entity Relationship Diagram) and implemented backend functionality using Go and Echo.
Experiences
Dec 2024 - Present
Fullstack Developer - MadeByHumans
Built AI-powered and gamified campaign platforms such as Close Up Timnas AI and OREO Space-Dunk, engaging tens of thousands of users across Southeast Asia and winning the Marketing Excellence Award 2025 (Bronze) in the Excellence in Gaming category. Designed and implemented end-to-end fullstack architecture (React, TypeScript, Node.js, PostgreSQL) to ensure smooth, scalable, and reliable performance. Integrated AI and cloud technologies — Face-Swap API, AWS S3, and Snap Camera Kit — for real-time image generation and moderation. Developed secure authentication, leaderboard logic, and analytics dashboards with optimized caching and database indexing for better performance. Created Design Ops, a Figma plugin that transforms Figma designs into exportable HTML or video animations, enabling automated banner generation and enhancing creative production efficiency.
Aug 2023 - Oct 2024
Fullstack Developer - Ihsan Solusi
Engineered an interactive and data-rich investment dashboard using a modern JavaScript framework, translating complex financial data from APIs into intuitive visualizations such as dynamic donut charts, data grids, and ROI tables to provide users with at-a-glance portfolio insights. Developed and maintained a comprehensive library of reusable UI components for forms, multi-level navigation menus, and data displays, ensuring a consistent user experience and accelerating development velocity across the platform's different modules (Investment, GL, Admin). Constructed the complete front-end user journey for investment workflows, including multi-step registration forms with robust client-side validation, and detailed views for tracking transaction statuses (e.g., Pending, Approved, Rejected), significantly improving usability and data entry accuracy. Integrated the user interface with multiple RESTful APIs to fetch, display, and submit financial data, effectively managing application state and asynchronous operations to ensure a responsive, high-performance experience for users managing large volumes of investment data.
Aug - Dec 2022
Backend Engineer (MSIB) - Alterra
Developed foundational skills in programming with Golang. Studied algorithms and data structures to enhance problem-solving abilities. Gained practical experience in managing database systems, including SQL and NoSQL databases like MongoDB. Led design and project management efforts for various assignments. Implemented REST APIs following clean architecture principles. Learned deployment processes using Continuous Integration/Continuous Deployment (CI/CD). Successfully completed individual mini-projects to apply learned concepts. Collaborated in a cross-functional team to develop a final project resulting in an invoice application.
Feb - July 2022
Frontend Engineer (MSIB) - Ruang Guru
Developed a social media platform website for students and implemented multi-user authentication. Developed web applications using React, Next.js, and Zustand. Built responsive UIs with Chakra-UI and Tailwind. Designed user interfaces and prototypes using Figma. Created and consumed APIs using Postman. Managed projects using Git, GitHub, and project management tools jira. Collaborated with a team to ensure seamless integration of frontend and backend components.
Email
yudistir4maulana@gmail.comLocation
Jakarta, Indonesia
Designed in Figma and developed with Next.js 14 and Tailwind CSS, utilizing Zustand, Framer Motion, and GSAP, deployed via Vercel. Every text element is set in the Inter typeface, made with ❤️ .