Built a responsive, multi-language public website with support for dark/light themes, RTL text, and Progressive Web App (PWA) features. The project emphasizes accessibility, interactivity, and user-centric architecture powered by RESTful APIs.
-
🔐 Pondok Pesantren Majelis Ta'lim An-nur
Islamic boarding school
Full-Stack Developer
Dashboard — Internal tools
Developing a dashboard web application for the Majelis Ta'lim An-Nur Islamic Boarding School, using React and Next.js (App Router) as the main framework. The interface is built with a global modern design approach through an internal UI system called Oeri UI. This project integrates three different databases managed simultaneously using Prisma as Object-Relational Mapping (ORM). In addition, I designed a REST API that can be used across platforms, covering public domains, user portals, and other data transfer needs.
A utility-first function designed to dynamically compose style configurations, API responses, and complex serialization logic based on runtime conditions. Xuxi simplifies the management of structured data, making it ideal for scalable front-end and full-stack development.
A developer-first component library built for flexibility and performance
A developer-first component library offering full customization and optimal performance. Oeri UI helps teams build scalable, design-consistent applications from MVP to enterprise-grade apps with minimal overhead.
Contributed open-source UI elements in TailwindCSS and HTML5, curated for rapid design prototyping. Components are reusable, customizable, and available for direct use or Figma import.
Built a website for a spiritual learning community with a focus on clarity, simplicity, and relevance. The platform facilitates educational outreach and digital presence for religious events.
-
🔐 Majelis Ta'lim Ghidzail Qulub
Religious Community
Full-Stack Developer
Built a website for a spiritual learning community with a focus on clarity, simplicity, and relevance. The platform facilitates educational outreach and digital presence for religious events.
A PostCSS-based preset for custom theming and light/dark mode support. Designed for seamless integration with Tailwind and CSS, enabling better UI consistency and flexibility in scalable design systems.
Easily implement light and dark themes through styling using the light-dark() function (e.g., color: light-dark(black, white);). Additionally, ioeri-presetcss supports custom colorSchemeAttr attributes, providing more control in customizing the theme to suit the needs of the project.
Implemented the UI for an online retail store focusing on usability, accessibility, and visual clarity across a diverse product range from fashion to electronics.
-
🔐 Oeriginal Store
E-commerce
Full-Stack Developer
Dashboard — Internal tools
Engineered internal tools to manage store operations with efficient REST APIs and modular design, ensuring scalability and responsiveness in admin tasks.
Created public pens and curated front-end resources for learning and experimentation. Engaged in the open-source community through interactive visual components and UI experiments.
Developed a front-facing information-sharing platform to help individuals and institutions build professional connections, discover entrepreneurial insights, and explore job opportunities.
-
🔐 Berdikarier
Career & Collaboration Platform
Full-Stack Developer
Dashboard — Internal tools
Designed and built a secure admin panel using Clerk for authentication. Prioritized minimal UI for performance and ease of use, targeting long-term maintainability.
Experienced in building custom UI systems and scalable full-stack web applications. Passionate about developer experience, UI architecture, and API-integrated systems with multi-database support. Specialized in building systems with React, Next.js, and TypeScript.
Creator of Oeri UI (https://oeri.vercel.app) — a developer-first component library built for flexibility and performance. Also created Xuxi (https://ilkhoeri.github.io/xuxi) — a powerful utility for dynamically combining and managing diverse data types into a structured, optimized output.
