[{"data":1,"prerenderedAt":1521},["ShallowReactive",2],{"portfolios":3},[4,43,74,123,150,277,393,470,581,614,653,676,706,735,766,791,814,847,865,888,933,962,996,1096,1169,1226,1283,1323,1368,1442],{"id":5,"title":6,"body":7,"description":24,"draft":25,"extension":26,"meta":27,"navigation":38,"order":25,"path":39,"seo":40,"show":41,"stem":42},"portfolios/portfolios/mobile-app/pernahdengar-app.md","Pernahdengar App",{"type":8,"value":9,"toc":19},"minimal",[10,15],[11,12,14],"h2",{"id":13},"story","Story",[16,17,18],"p",{},"Pernahdengar is a PWA mobile application designed for learn indonesian course.",{"title":20,"searchDepth":21,"depth":21,"links":22},"",2,[23],{"id":13,"depth":21,"text":14},"A website for Pernah Dengar.",null,"md",{"category":28,"role":29,"url":20,"thumbnail":30,"color":31,"tags":32,"year":37},"Mobile App","Software Engineer (Fullstack), Product Design","https://storage.dimrak.me/project-and-portofolio/pernahdengar-app/thumbnail.webp","blue",[33,34,35,36],"TypeScript","JavaScript","Vue","Nuxt",2020,true,"/portfolios/mobile-app/pernahdengar-app",{"title":6,"description":24},1,"portfolios/mobile-app/pernahdengar-app",{"id":44,"title":45,"body":46,"description":56,"draft":25,"extension":26,"meta":57,"navigation":38,"order":25,"path":71,"seo":72,"show":41,"stem":73},"portfolios/portfolios/mobile-app/qloudpos-app.md","QloudPOS App",{"type":8,"value":47,"toc":53},[48,50],[11,49,14],{"id":13},[16,51,52],{},"QloudPOS is a comprehensive mobile application designed for retail businesses to manage their point-of-sale (POS) operations. The app provides an efficient way for retailers to track sales, print bills, and generate reports for their business.",{"title":20,"searchDepth":21,"depth":21,"links":54},[55],{"id":13,"depth":21,"text":14},"POS app for QloudPOS.",{"color":58,"role":59,"category":28,"year":60,"uses":61,"url":20,"thumbnail":69,"screenshots":70},"ligth","Software Engineer, UI Designer",2021,[62,63,64,65,66,67,68],"javascript","vue","nuxt","webpack","tailwind","codeigniter","mysql","https://storage.dimrak.me/project-and-portofolio/qloudpos-app/thumbnail.webp",[69],"/portfolios/mobile-app/qloudpos-app",{"title":45,"description":56},"portfolios/mobile-app/qloudpos-app",{"id":75,"title":76,"body":77,"description":96,"draft":25,"extension":26,"meta":97,"navigation":38,"order":25,"path":120,"seo":121,"show":41,"stem":122},"portfolios/portfolios/ui/mekari-airene-ai.md","Universal Mekari Airene (AI)",{"type":8,"value":78,"toc":93},[79,81],[11,80,14],{"id":13},[16,82,83,84,88,89,92],{},"Mekari Airene AI is a unified template for building AI-powered chatbot assistant integrated across all Mekari products. Help ",[85,86,87],"code",{},"Frontend Engineer"," to build a chatbot assistant for ",[85,90,91],{},"Mekari Airene"," across all Mekari products.",{"title":20,"searchDepth":21,"depth":21,"links":94},[95],{"id":13,"depth":21,"text":14},"Universal Mekari Airene is a template for building AI-powered chatbot assistant integrated across all Mekari applications.",{"color":98,"role":99,"category":100,"year":101,"uses":102,"url":105,"thumbnail":107,"thumbnailSmall":107,"screenshots":108,"video":119},"purple","Core maintainer","UI",2024,[62,103,63,104],"typescript","mekari-pixel",[106],"https://mekari-universal-airene.vercel.app","https://storage.dimrak.me/project-and-portofolio/mekari-airene-ai/thumbnail.webp",[109,110,111,112,113,114,115,116,117,118],"https://storage.dimrak.me/project-and-portofolio/mekari-airene-ai/1.webp","https://storage.dimrak.me/project-and-portofolio/mekari-airene-ai/2.webp","https://storage.dimrak.me/project-and-portofolio/mekari-airene-ai/3.webp","https://storage.dimrak.me/project-and-portofolio/mekari-airene-ai/4.webp","https://storage.dimrak.me/project-and-portofolio/mekari-airene-ai/5.webp","https://storage.dimrak.me/project-and-portofolio/mekari-airene-ai/6.webp","https://storage.dimrak.me/project-and-portofolio/mekari-airene-ai/7.webp","https://storage.dimrak.me/project-and-portofolio/mekari-airene-ai/8.webp","https://storage.dimrak.me/project-and-portofolio/mekari-airene-ai/9.webp","https://storage.dimrak.me/project-and-portofolio/mekari-airene-ai/10.webp","https://storage.dimrak.me/project-and-portofolio/mekari-airene-ai/preview.mp4","/portfolios/ui/mekari-airene-ai",{"title":76,"description":96},"portfolios/ui/mekari-airene-ai",{"id":124,"title":125,"body":126,"description":133,"draft":25,"extension":26,"meta":134,"navigation":38,"order":25,"path":147,"seo":148,"show":41,"stem":149},"portfolios/portfolios/ui/mekari-base-layout.md","Mekari Base Layout for Vue 3",{"type":8,"value":127,"toc":130},[128],[11,129,14],{"id":13},{"title":20,"searchDepth":21,"depth":21,"links":131},[132],{"id":13,"depth":21,"text":14},"Mekari Base Layout is a comprehensive and modular layout system with reusable components for Mekari Apps in Vue 3.",{"color":98,"role":135,"category":100,"year":101,"uses":136,"url":137,"thumbnail":139,"thumbnailSmall":139,"screenshots":140},"Software Engineer",[62,103,63,104],[138],"https://pattern.mekari.design/templates/layouts/general","https://storage.dimrak.me/project-and-portofolio/mekari-base-layout/thumbnail.webp",[141,142,143,144,145,146],"https://storage.dimrak.me/project-and-portofolio/mekari-base-layout/1.webp","https://storage.dimrak.me/project-and-portofolio/mekari-base-layout/2.webp","https://storage.dimrak.me/project-and-portofolio/mekari-base-layout/3.webp","https://storage.dimrak.me/project-and-portofolio/mekari-base-layout/4.webp","https://storage.dimrak.me/project-and-portofolio/mekari-base-layout/5.webp","https://storage.dimrak.me/project-and-portofolio/mekari-base-layout/6.webp","/portfolios/ui/mekari-base-layout",{"title":125,"description":133},"portfolios/ui/mekari-base-layout",{"id":151,"title":152,"body":153,"description":246,"draft":25,"extension":26,"meta":247,"navigation":38,"order":25,"path":274,"seo":275,"show":41,"stem":276},"portfolios/portfolios/web-app/clinic-membership-app.md","Clinic Membership App",{"type":8,"value":154,"toc":242},[155,157,160,164],[11,156,14],{"id":13},[16,158,159],{},"The Clinic Membership App is a comprehensive beauty and facial treatment management system that helps aesthetic clinics digitize their operations and enhance client engagement. The app features four main modules that work together to create a seamless experience for both clients and clinic staff.",[11,161,163],{"id":162},"features","Features",[165,166,167,179,201,226],"ul",{},[168,169,170,174],"li",{},[171,172,173],"strong",{},"Profile Management",[165,175,176],{},[168,177,178],{},"Client personal information",[168,180,181,184],{},[171,182,183],{},"Transaction Management",[165,185,186,189,192,195,198],{},[168,187,188],{},"Payment processing",[168,190,191],{},"Billing history",[168,193,194],{},"Package purchases",[168,196,197],{},"Digital receipts",[168,199,200],{},"Payment method management",[168,202,203,206],{},[171,204,205],{},"Treatment Records",[165,207,208,211,214,217,220,223],{},[168,209,210],{},"Digital beauty records",[168,212,213],{},"Facial treatment history",[168,215,216],{},"Product recommendations",[168,218,219],{},"Before/after photos",[168,221,222],{},"Skin analysis results",[168,224,225],{},"Aesthetician's notes",[168,227,228,231],{},[171,229,230],{},"Points & Rewards",[165,232,233,236,239],{},[168,234,235],{},"Beauty loyalty points",[168,237,238],{},"Points earning from treatments",[168,240,241],{},"Points history tracking",{"title":20,"searchDepth":21,"depth":21,"links":243},[244,245],{"id":13,"depth":21,"text":14},{"id":162,"depth":21,"text":163},"A clinic membership app for a company.",{"color":248,"role":249,"category":250,"year":101,"uses":251,"url":20,"thumbnail":258,"thumbnailSmall":258,"screenshots":259},"violet-light","Frontend Engineer, Product Design","Web App",[62,103,63,252,253,254,66,255,256,257],"pinia","vite","vitest","laravel","postgresql","github-actions","https://storage.dimrak.me/project-and-portofolio/clinic-membership-app/thumbnail.webp",[260,261,262,263,264,265,266,267,268,269,270,271,272,273],"https://storage.dimrak.me/project-and-portofolio/clinic-membership-app/1.webp","https://storage.dimrak.me/project-and-portofolio/clinic-membership-app/2.webp","https://storage.dimrak.me/project-and-portofolio/clinic-membership-app/3.webp","https://storage.dimrak.me/project-and-portofolio/clinic-membership-app/4.webp","https://storage.dimrak.me/project-and-portofolio/clinic-membership-app/5.webp","https://storage.dimrak.me/project-and-portofolio/clinic-membership-app/6.webp","https://storage.dimrak.me/project-and-portofolio/clinic-membership-app/7.webp","https://storage.dimrak.me/project-and-portofolio/clinic-membership-app/8.webp","https://storage.dimrak.me/project-and-portofolio/clinic-membership-app/9.webp","https://storage.dimrak.me/project-and-portofolio/clinic-membership-app/10.webp","https://storage.dimrak.me/project-and-portofolio/clinic-membership-app/11.webp","https://storage.dimrak.me/project-and-portofolio/clinic-membership-app/12.webp","https://storage.dimrak.me/project-and-portofolio/clinic-membership-app/13.webp","https://storage.dimrak.me/project-and-portofolio/clinic-membership-app/14.webp","/portfolios/web-app/clinic-membership-app",{"title":152,"description":246},"portfolios/web-app/clinic-membership-app",{"id":278,"title":279,"body":280,"description":371,"draft":25,"extension":26,"meta":372,"navigation":38,"order":25,"path":390,"seo":391,"show":41,"stem":392},"portfolios/portfolios/web-app/erp-dashboard.md","ERP Dashboard",{"type":8,"value":281,"toc":367},[282,284,287,289],[11,283,14],{"id":13},[16,285,286],{},"The ERP Dashboard serves as a centralized command center for monitoring and analyzing key business metrics across different operational areas. By pulling data directly from the ERP system, it provides real-time insights into various aspects of the business through specialized category views:",[11,288,163],{"id":162},[165,290,291,313,332,348],{},[168,292,293,296],{},[171,294,295],{},"Salesman Dashboard",[165,297,298,301,304,307,310],{},[168,299,300],{},"Individual sales performance metrics",[168,302,303],{},"Sales target tracking",[168,305,306],{},"Customer visit logs",[168,308,309],{},"Territory coverage analysis",[168,311,312],{},"Commission calculations",[168,314,315,318],{},[171,316,317],{},"Sales Dashboard",[165,319,320,323,326,329],{},[168,321,322],{},"Revenue overview and trends",[168,324,325],{},"Product performance analysis",[168,327,328],{},"Sales by region/category",[168,330,331],{},"Top performing products",[168,333,334,337],{},[171,335,336],{},"Operational Dashboard",[165,338,339,342,345],{},[168,340,341],{},"Inventory levels and movements",[168,343,344],{},"Delivery tracking",[168,346,347],{},"Resource utilization",[168,349,350,353],{},[171,351,352],{},"Overdue Dashboard",[165,354,355,358,361,364],{},[168,356,357],{},"Past due invoices",[168,359,360],{},"Aging receivables analysis",[168,362,363],{},"Collection performance",[168,365,366],{},"Payment reminder tracking",{"title":20,"searchDepth":21,"depth":21,"links":368},[369,370],{"id":13,"depth":21,"text":14},{"id":162,"depth":21,"text":163},"ERP Dashboard for a company.",{"color":248,"role":249,"category":250,"year":60,"uses":373,"url":374,"thumbnail":375,"thumbnailSmall":375,"screenshots":376},[62,103,63,252,253,254,66,255,256,257],[],"https://storage.dimrak.me/project-and-portofolio/erp-dashboard/thumbnail.webp",[377,378,379,380,381,382,383,384,385,386,387,388,389],"https://storage.dimrak.me/project-and-portofolio/erp-dashboard/1.webp","https://storage.dimrak.me/project-and-portofolio/erp-dashboard/2.webp","https://storage.dimrak.me/project-and-portofolio/erp-dashboard/3.webp","https://storage.dimrak.me/project-and-portofolio/erp-dashboard/4.webp","https://storage.dimrak.me/project-and-portofolio/erp-dashboard/5.webp","https://storage.dimrak.me/project-and-portofolio/erp-dashboard/6.webp","https://storage.dimrak.me/project-and-portofolio/erp-dashboard/7.webp","https://storage.dimrak.me/project-and-portofolio/erp-dashboard/8.webp","https://storage.dimrak.me/project-and-portofolio/erp-dashboard/9.webp","https://storage.dimrak.me/project-and-portofolio/erp-dashboard/10.webp","https://storage.dimrak.me/project-and-portofolio/erp-dashboard/11.webp","https://storage.dimrak.me/project-and-portofolio/erp-dashboard/12.webp","https://storage.dimrak.me/project-and-portofolio/erp-dashboard/13.webp","/portfolios/web-app/erp-dashboard",{"title":279,"description":371},"portfolios/web-app/erp-dashboard",{"id":394,"title":395,"body":396,"description":458,"draft":25,"extension":26,"meta":459,"navigation":38,"order":25,"path":467,"seo":468,"show":41,"stem":469},"portfolios/portfolios/web-app/mazabuta-crm.md","Mazabuta CRM",{"type":8,"value":397,"toc":454},[398,400,403,405,451],[11,399,14],{"id":13},[16,401,402],{},"Developed an in-house CRM (Customer Relationship Management) application for Mazabuta Group as a replacement for their existing Salesforce implementation. The new system streamlines and automates their sales and marketing processes while providing a more cost-effective and customized solution. The application serves as a centralized platform for managing customer data and various sales-related activities, maintaining the core functionality of Salesforce while being tailored specifically to Mazabuta Group's workflow and requirements.",[11,404,163],{"id":162},[165,406,407,423,435],{},[168,408,409,412],{},[171,410,411],{},"Customer Database Management",[165,413,414,417,420],{},[168,415,416],{},"Centralized customer information storage",[168,418,419],{},"Customer profile management",[168,421,422],{},"Document storage and tracking",[168,424,425,428],{},[171,426,427],{},"Sales Pipeline Management",[165,429,430,433],{},[168,431,432],{},"Sales pipeline tracking and visualization",[168,434,432],{},[168,436,437,440],{},[171,438,439],{},"Dashboard",[165,441,442,445,448],{},[168,443,444],{},"Sales performance metrics and KPIs",[168,446,447],{},"Revenue tracking and forecasting",[168,449,450],{},"Customer activity monitoring",[16,452,453],{},"The application helps Mazabuta Group improve their sales operations efficiency by digitizing manual processes and providing better visibility into customer-related data and activities.",{"title":20,"searchDepth":21,"depth":21,"links":455},[456,457],{"id":13,"depth":21,"text":14},{"id":162,"depth":21,"text":163},"CRM for Mazabuta Group. Replacement for Salesforce.",{"color":460,"role":461,"category":250,"year":462,"uses":463,"url":20,"thumbnail":465,"thumbnailSmall":465,"screenshots":466},"blue-dark","Full Stack Engineer, Product Design",2019,[62,68,464,255,67],"bootstrap","https://storage.dimrak.me/project-and-portofolio/mazabuta-crm-app/thumbnail.webp",[],"/portfolios/web-app/mazabuta-crm",{"title":395,"description":458},"portfolios/web-app/mazabuta-crm",{"id":471,"title":472,"body":473,"description":573,"draft":25,"extension":26,"meta":574,"navigation":38,"order":25,"path":578,"seo":579,"show":41,"stem":580},"portfolios/portfolios/web-app/mazabuta-hris.md","Mazabuta HRIS",{"type":8,"value":474,"toc":569},[475,477,480,482,566],[11,476,14],{"id":13},[16,478,479],{},"Developed an in-house HRIS (Human Resource Information System) application for Mazabuta Group to streamline and automate their HR processes. The system serves as a centralized platform for managing employee data and various HR-related activities.",[11,481,163],{"id":162},[165,483,484,499,515,531,550],{},[168,485,486,489],{},[171,487,488],{},"Employee Database Management",[165,490,491,494,497],{},[168,492,493],{},"Centralized employee information storage",[168,495,496],{},"Employee profile management",[168,498,422],{},[168,500,501,504],{},[171,502,503],{},"Leave Management",[165,505,506,509,512],{},[168,507,508],{},"Leave request submission and approval workflow",[168,510,511],{},"Leave balance tracking",[168,513,514],{},"Leave calendar view",[168,516,517,520],{},[171,518,519],{},"Business Trip Management",[165,521,522,525,528],{},[168,523,524],{},"Business trip request and approval system",[168,526,527],{},"Travel expense tracking",[168,529,530],{},"Trip schedule management",[168,532,533,536],{},[171,534,535],{},"Expense Reimbursement",[165,537,538,541,544,547],{},[168,539,540],{},"Digital expense submission",[168,542,543],{},"Receipt upload and storage",[168,545,546],{},"Reimbursement approval workflow",[168,548,549],{},"Expense reporting",[168,551,552,555],{},[171,553,554],{},"Company Announcements",[165,556,557,560,563],{},[168,558,559],{},"Internal news and updates",[168,561,562],{},"Important notification system",[168,564,565],{},"Company-wide communication platform",[16,567,568],{},"The application helps Mazabuta Group improve their HR operations efficiency by digitizing manual processes and providing better visibility into employee-related data and activities.",{"title":20,"searchDepth":21,"depth":21,"links":570},[571,572],{"id":13,"depth":21,"text":14},{"id":162,"depth":21,"text":163},"HRIS for Mazabuta. Manage your employees and payroll.",{"color":460,"role":461,"category":250,"year":462,"uses":575,"url":20,"thumbnail":576,"thumbnailSmall":576,"screenshots":577},[62,68,464,255,67],"https://storage.dimrak.me/project-and-portofolio/mazabuta-hris-app/thumbnail.webp",[],"/portfolios/web-app/mazabuta-hris",{"title":472,"description":573},"portfolios/web-app/mazabuta-hris",{"id":582,"title":583,"body":584,"description":594,"draft":25,"extension":26,"meta":595,"navigation":38,"order":25,"path":611,"seo":612,"show":41,"stem":613},"portfolios/portfolios/web-app/partner-management-app.md","Partner & Distributor Management",{"type":8,"value":585,"toc":591},[586,588],[11,587,14],{"id":13},[16,589,590],{},"The Partner & Distributor Management App is a comprehensive solution designed to streamline the relationship between a company's headquarters and its network of distributors and agents. This system facilitates efficient management of the entire distribution chain, from inventory control to sales tracking, ensuring smooth operations between HQ and its partners.",{"title":20,"searchDepth":21,"depth":21,"links":592},[593],{"id":13,"depth":21,"text":14},"A partner & distributor management app for a company.",{"color":248,"role":59,"category":250,"year":60,"uses":596,"url":20,"thumbnail":598,"thumbnailSmall":598,"screenshots":599},[62,103,63,64,252,65,253,254,66,597,255,68,257],"turborepo","https://storage.dimrak.me/project-and-portofolio/partner-management-app/thumbnail.webp",[600,601,602,603,604,605,606,607,608,609,610],"https://storage.dimrak.me/project-and-portofolio/partner-management-app/1.webp","https://storage.dimrak.me/project-and-portofolio/partner-management-app/2.webp","https://storage.dimrak.me/project-and-portofolio/partner-management-app/3.webp","https://storage.dimrak.me/project-and-portofolio/partner-management-app/4.webp","https://storage.dimrak.me/project-and-portofolio/partner-management-app/5.webp","https://storage.dimrak.me/project-and-portofolio/partner-management-app/6.webp","https://storage.dimrak.me/project-and-portofolio/partner-management-app/7.webp","https://storage.dimrak.me/project-and-portofolio/partner-management-app/8.webp","https://storage.dimrak.me/project-and-portofolio/partner-management-app/9.webp","https://storage.dimrak.me/project-and-portofolio/partner-management-app/10.webp","https://storage.dimrak.me/project-and-portofolio/partner-management-app/11.webp","/portfolios/web-app/partner-management-app",{"title":583,"description":594},"portfolios/web-app/partner-management-app",{"id":615,"title":616,"body":617,"description":641,"draft":25,"extension":26,"meta":642,"navigation":38,"order":25,"path":650,"seo":651,"show":41,"stem":652},"portfolios/portfolios/web-app/point-of-sale-app.md","Point of Sale App",{"type":8,"value":618,"toc":637},[619,621,624,626],[11,620,14],{"id":13},[16,622,623],{},"The Point of Sale App is a modern, user-friendly solution designed to streamline retail operations and enhance the customer checkout experience. Built with both cashiers and business owners in mind, it provides comprehensive tools for managing transactions, inventory, and payments efficiently. The system supports multiple payment methods, real-time inventory tracking, and generates detailed sales reports to help businesses make informed decisions.",[11,625,163],{"id":162},[165,627,628,631,634],{},[168,629,630],{},"Sales Management",[168,632,633],{},"Cashier Management",[168,635,636],{},"Payment Processing",{"title":20,"searchDepth":21,"depth":21,"links":638},[639,640],{"id":13,"depth":21,"text":14},{"id":162,"depth":21,"text":163},"A point of sale app for a company.",{"color":643,"role":59,"category":250,"year":60,"uses":644,"url":20,"thumbnail":645,"thumbnailSmall":645,"screenshots":646},"cyan",[62,103,63,252,253,254,66,255,256,257],"https://storage.dimrak.me/project-and-portofolio/point-of-sale-app/thumbnail.webp",[645,647,648,649],"https://storage.dimrak.me/project-and-portofolio/point-of-sale-app/1.webp","https://storage.dimrak.me/project-and-portofolio/point-of-sale-app/2.webp","https://storage.dimrak.me/project-and-portofolio/point-of-sale-app/3.webp","/portfolios/web-app/point-of-sale-app",{"title":616,"description":641},"portfolios/web-app/point-of-sale-app",{"id":654,"title":655,"body":656,"description":666,"draft":25,"extension":26,"meta":667,"navigation":38,"order":25,"path":673,"seo":674,"show":41,"stem":675},"portfolios/portfolios/web-app/project-management-app.md","Project Management App",{"type":8,"value":657,"toc":663},[658,660],[11,659,14],{"id":13},[16,661,662],{},"The Project Management App is a streamlined solution designed to help teams organize and track their projects effectively. Built with a focus on simplicity and user experience, it provides essential project management tools without overwhelming users with unnecessary complexity.",{"title":20,"searchDepth":21,"depth":21,"links":664},[665],{"id":13,"depth":21,"text":14},"A project management app for a company.",{"color":248,"role":249,"category":250,"year":668,"uses":669,"url":20,"thumbnail":670,"thumbnailSmall":670,"screenshots":671},2023,[62,103,63,252,253,66],"https://storage.dimrak.me/project-and-portofolio/project-management-app/thumbnail.webp",[670,672],"https://storage.dimrak.me/project-and-portofolio/project-management-app/1.webp","/portfolios/web-app/project-management-app",{"title":655,"description":666},"portfolios/web-app/project-management-app",{"id":677,"title":678,"body":679,"description":687,"draft":25,"extension":26,"meta":688,"navigation":38,"order":25,"path":703,"seo":704,"show":41,"stem":705},"portfolios/portfolios/website/fazcaz-website.md","Fazcaz Website",{"type":8,"value":680,"toc":685},[681],[165,682,683],{},[168,684],{},{"title":20,"searchDepth":21,"depth":21,"links":686},[],"A website for Fazcaz, a company that provides digital solutions for businesses.",{"color":460,"role":59,"category":689,"year":101,"uses":690,"url":20,"thumbnail":691,"screenshots":692},"Website",[103,64,253,66],"https://storage.dimrak.me/project-and-portofolio/fazcaz-website/thumbnail.webp",[693,694,695,696,697,698,699,700,701,702],"https://storage.dimrak.me/project-and-portofolio/fazcaz-website/1.webp","https://storage.dimrak.me/project-and-portofolio/fazcaz-website/2.webp","https://storage.dimrak.me/project-and-portofolio/fazcaz-website/3.webp","https://storage.dimrak.me/project-and-portofolio/fazcaz-website/4.webp","https://storage.dimrak.me/project-and-portofolio/fazcaz-website/5.webp","https://storage.dimrak.me/project-and-portofolio/fazcaz-website/6.webp","https://storage.dimrak.me/project-and-portofolio/fazcaz-website/7.webp","https://storage.dimrak.me/project-and-portofolio/fazcaz-website/8.webp","https://storage.dimrak.me/project-and-portofolio/fazcaz-website/9.webp","https://storage.dimrak.me/project-and-portofolio/fazcaz-website/10.webp","/portfolios/website/fazcaz-website",{"title":678,"description":687},"portfolios/website/fazcaz-website",{"id":707,"title":708,"body":709,"description":717,"draft":25,"extension":26,"meta":718,"navigation":38,"order":25,"path":732,"seo":733,"show":41,"stem":734},"portfolios/portfolios/website/kineticx-website.md","KineticX Website",{"type":8,"value":710,"toc":715},[711],[165,712,713],{},[168,714],{},{"title":20,"searchDepth":21,"depth":21,"links":716},[],"A website for KineticX.",{"color":719,"role":720,"category":689,"year":60,"uses":721,"url":20,"thumbnail":723,"screenshots":724},"orange","Fullstack Engineer, UI Designer",[103,64,253,66,722],"postgres","https://storage.dimrak.me/project-and-portofolio/kineticx-website/thumbnail.webp",[725,726,727,728,729,730,731],"https://storage.dimrak.me/project-and-portofolio/kineticx-website/1.webp","https://storage.dimrak.me/project-and-portofolio/kineticx-website/2.webp","https://storage.dimrak.me/project-and-portofolio/kineticx-website/3.webp","https://storage.dimrak.me/project-and-portofolio/kineticx-website/4.webp","https://storage.dimrak.me/project-and-portofolio/kineticx-website/5.webp","https://storage.dimrak.me/project-and-portofolio/kineticx-website/6.webp","https://storage.dimrak.me/project-and-portofolio/kineticx-website/7.webp","/portfolios/website/kineticx-website",{"title":708,"description":717},"portfolios/website/kineticx-website",{"id":736,"title":737,"body":738,"description":746,"draft":25,"extension":26,"meta":747,"navigation":38,"order":25,"path":763,"seo":764,"show":41,"stem":765},"portfolios/portfolios/website/maharaja-residence-website.md","Maharaja Residence Website",{"type":8,"value":739,"toc":744},[740],[165,741,742],{},[168,743],{},{"title":20,"searchDepth":21,"depth":21,"links":745},[],"A modern property website for Maharaja Residence featuring an interactive KPR loan calculator.",{"color":748,"role":59,"category":689,"year":668,"uses":749,"url":750,"thumbnail":752,"screenshots":753},"amber",[103,64,253,66,722],[751],"https://www.maharaja.co.id","https://storage.dimrak.me/project-and-portofolio/maharaja-residence-website/thumbnail.webp",[752,754,755,756,757,758,759,760,761,762],"https://storage.dimrak.me/project-and-portofolio/maharaja-residence-website/1.png","https://storage.dimrak.me/project-and-portofolio/maharaja-residence-website/2.png","https://storage.dimrak.me/project-and-portofolio/maharaja-residence-website/3.png","https://storage.dimrak.me/project-and-portofolio/maharaja-residence-website/4.png","https://storage.dimrak.me/project-and-portofolio/maharaja-residence-website/5.png","https://storage.dimrak.me/project-and-portofolio/maharaja-residence-website/6.png","https://storage.dimrak.me/project-and-portofolio/maharaja-residence-website/7.png","https://storage.dimrak.me/project-and-portofolio/maharaja-residence-website/8.png","https://storage.dimrak.me/project-and-portofolio/maharaja-residence-website/9.png","/portfolios/website/maharaja-residence-website",{"title":737,"description":746},"portfolios/website/maharaja-residence-website",{"id":767,"title":768,"body":769,"description":777,"draft":25,"extension":26,"meta":778,"navigation":38,"order":25,"path":788,"seo":789,"show":41,"stem":790},"portfolios/portfolios/website/pointerp-website.md","PointERP Website",{"type":8,"value":770,"toc":775},[771],[165,772,773],{},[168,774],{},{"title":20,"searchDepth":21,"depth":21,"links":776},[],"A website for PointERP.",{"color":643,"role":720,"category":689,"year":462,"uses":779,"url":20,"thumbnail":780,"screenshots":781},[62,64,65,66,255,68],"https://storage.dimrak.me/project-and-portofolio/pointerp-website/thumbnail.webp",[782,783,784,785,786,787],"https://storage.dimrak.me/project-and-portofolio/pointerp-website/1.webp","https://storage.dimrak.me/project-and-portofolio/pointerp-website/2.webp","https://storage.dimrak.me/project-and-portofolio/pointerp-website/3.webp","https://storage.dimrak.me/project-and-portofolio/pointerp-website/4.webp","https://storage.dimrak.me/project-and-portofolio/pointerp-website/5.webp","https://storage.dimrak.me/project-and-portofolio/pointerp-website/6.webp","/portfolios/website/pointerp-website",{"title":768,"description":777},"portfolios/website/pointerp-website",{"id":792,"title":793,"body":794,"description":802,"draft":25,"extension":26,"meta":803,"navigation":38,"order":25,"path":811,"seo":812,"show":41,"stem":813},"portfolios/portfolios/website/pointhr-website.md","PointHR Website",{"type":8,"value":795,"toc":800},[796],[165,797,798],{},[168,799],{},{"title":20,"searchDepth":21,"depth":21,"links":801},[],"A website for Pointhr.",{"color":643,"role":720,"category":689,"year":804,"uses":805,"url":20,"thumbnail":806,"screenshots":807},20219,[62,64,65,66,255,68],"https://storage.dimrak.me/project-and-portofolio/pointhr-website/thumbnail.webp",[808,809,810],"https://storage.dimrak.me/project-and-portofolio/pointhr-website/1.webp","https://storage.dimrak.me/project-and-portofolio/pointhr-website/2.webp","https://storage.dimrak.me/project-and-portofolio/pointhr-website/3.webp","/portfolios/website/pointhr-website",{"title":793,"description":802},"portfolios/website/pointhr-website",{"id":815,"title":816,"body":817,"description":825,"draft":25,"extension":26,"meta":826,"navigation":38,"order":25,"path":844,"seo":845,"show":41,"stem":846},"portfolios/portfolios/website/seventeen-lounge-website.md","Seventeen Lounge Website",{"type":8,"value":818,"toc":823},[819],[165,820,821],{},[168,822],{},{"title":20,"searchDepth":21,"depth":21,"links":824},[],"A website for Seventeen Lounge, a company that provides digital solutions for businesses.",{"color":719,"role":59,"category":689,"year":60,"uses":827,"url":828,"thumbnail":829,"screenshots":830},[103,64,253,66,722],[],"https://storage.dimrak.me/project-and-portofolio/seventeen-lounge-website/thumbnail.webp",[831,832,833,834,835,836,837,838,839,840,841,842,843],"https://storage.dimrak.me/project-and-portofolio/seventeen-lounge-website/1.webp","https://storage.dimrak.me/project-and-portofolio/seventeen-lounge-website/2.webp","https://storage.dimrak.me/project-and-portofolio/seventeen-lounge-website/3.webp","https://storage.dimrak.me/project-and-portofolio/seventeen-lounge-website/4.webp","https://storage.dimrak.me/project-and-portofolio/seventeen-lounge-website/5.webp","https://storage.dimrak.me/project-and-portofolio/seventeen-lounge-website/6.webp","https://storage.dimrak.me/project-and-portofolio/seventeen-lounge-website/7.webp","https://storage.dimrak.me/project-and-portofolio/seventeen-lounge-website/8.webp","https://storage.dimrak.me/project-and-portofolio/seventeen-lounge-website/9.webp","https://storage.dimrak.me/project-and-portofolio/seventeen-lounge-website/10.webp","https://storage.dimrak.me/project-and-portofolio/seventeen-lounge-website/11.webp","https://storage.dimrak.me/project-and-portofolio/seventeen-lounge-website/12.webp","https://storage.dimrak.me/project-and-portofolio/seventeen-lounge-website/13.webp","/portfolios/website/seventeen-lounge-website",{"title":816,"description":825},"portfolios/website/seventeen-lounge-website",{"id":848,"title":849,"body":850,"description":858,"draft":25,"extension":26,"meta":859,"navigation":38,"order":25,"path":862,"seo":863,"show":41,"stem":864},"portfolios/portfolios/website/squadmanager-website.md","SquadManager Website",{"type":8,"value":851,"toc":856},[852],[165,853,854],{},[168,855],{},{"title":20,"searchDepth":21,"depth":21,"links":857},[],"A website for SquadManager, a company that provides digital solutions for businesses.",{"category":689,"url":20,"thumbnail":860,"thumbnailPreview":860,"color":460,"tags":861,"year":60},"https://storage.dimrak.me/project-and-portofolio/squadmanager-website/thumbnail.webp",[34,36],"/portfolios/website/squadmanager-website",{"title":849,"description":858},"portfolios/website/squadmanager-website",{"id":866,"title":867,"body":868,"description":876,"draft":25,"extension":26,"meta":877,"navigation":38,"order":25,"path":885,"seo":886,"show":41,"stem":887},"portfolios/portfolios/website/studiomusi20-website.md","Studio Musi 20 Website",{"type":8,"value":869,"toc":874},[870],[165,871,872],{},[168,873],{},{"title":20,"searchDepth":21,"depth":21,"links":875},[],"A website for Studio Musi 20.",{"color":643,"role":59,"category":689,"year":462,"uses":878,"url":20,"thumbnail":879,"screenshots":880},[64,66],"https://storage.dimrak.me/project-and-portofolio/studiomusi20-website/thumbnail.webp",[881,882,883,884],"https://storage.dimrak.me/project-and-portofolio/studiomusi20-website/1.webp","https://storage.dimrak.me/project-and-portofolio/studiomusi20-website/2.webp","https://storage.dimrak.me/project-and-portofolio/studiomusi20-website/3.webp","https://storage.dimrak.me/project-and-portofolio/studiomusi20-website/4.webp","/portfolios/website/studiomusi20-website",{"title":867,"description":876},"portfolios/website/studiomusi20-website",{"id":889,"title":890,"body":891,"description":908,"draft":25,"extension":26,"meta":909,"navigation":38,"order":41,"path":930,"seo":931,"show":41,"stem":932},"portfolios/portfolios/library/mekari-pixel-for-vue2.md","Mekari Pixel for Vue 2",{"type":8,"value":892,"toc":905},[893,897,899,902],[894,895,890],"h1",{"id":896},"mekari-pixel-for-vue-2",[11,898,14],{"id":13},[16,900,901],{},"Pixel 2 is a collection of reusable UI components, guided by clear standards to build digital products for Mekari. Pixel 2 is a library of Vue components, focused on improving ideas and concepts to make it even easier.",[16,903,904],{},"Mekari UI/UX designers, engineers, and writers provide teams with universal components, patterns, templates and guidance on how to design and build with them.",{"title":20,"searchDepth":21,"depth":21,"links":906},[907],{"id":13,"depth":21,"text":14},"A comprehensive Vue 2 UI component library for building Mekari digital products.",{"featured":38,"color":98,"role":910,"category":911,"year":912,"uses":913,"url":919,"thumbnail":921,"screenshots":922},"Core team and maintainer","Library","2021 - 2024",[62,103,63,64,65,914,915,916,917,918],"lerna","jest","testing-library","codesandbox","storybook",[920],"https://storybook.mekari.design","https://storage.dimrak.me/project-and-portofolio/mekari-pixel-for-vue2/thumbnail.webp",[923,924,925,926,927,928,929],"https://storage.dimrak.me/project-and-portofolio/mekari-pixel-for-vue2/1.webp","https://storage.dimrak.me/project-and-portofolio/mekari-pixel-for-vue2/2.webp","https://storage.dimrak.me/project-and-portofolio/mekari-pixel-for-vue2/3.webp","https://storage.dimrak.me/project-and-portofolio/mekari-pixel-for-vue2/4.webp","https://storage.dimrak.me/project-and-portofolio/mekari-pixel-for-vue2/5.webp","https://storage.dimrak.me/project-and-portofolio/mekari-pixel-for-vue2/6.webp","https://storage.dimrak.me/project-and-portofolio/mekari-pixel-for-vue2/7.webp","/portfolios/library/mekari-pixel-for-vue2",{"title":890,"description":908},"portfolios/library/mekari-pixel-for-vue2",{"id":934,"title":935,"body":936,"description":950,"draft":25,"extension":26,"meta":951,"navigation":38,"order":41,"path":959,"seo":960,"show":41,"stem":961},"portfolios/portfolios/ui/mekari-pattern-templates-collections-vue3.md","Mekari Pattern & Templates Collections for Vue 3",{"type":8,"value":937,"toc":947},[938,941,943,945],[894,939,935],{"id":940},"mekari-pattern-templates-collections-for-vue-3",[11,942,14],{"id":13},[16,944,901],{},[16,946,904],{},{"title":20,"searchDepth":21,"depth":21,"links":948},[949],{"id":13,"depth":21,"text":14},"Pattern & Templates Collections for Vue 3",{"color":98,"role":99,"category":100,"year":668,"uses":952,"url":956,"thumbnail":958},[104,62,103,63,953,253,254,597,954,955],"pandacss","cypress","stackblitz",[957],"https://pattern.mekari.design/","https://storage.dimrak.me/project-and-portofolio/mekari-pattern-templates-collections-vue3/thumbnail.webp","/portfolios/ui/mekari-pattern-templates-collections-vue3",{"title":935,"description":950},"portfolios/ui/mekari-pattern-templates-collections-vue3",{"id":963,"title":964,"body":965,"description":979,"draft":25,"extension":26,"meta":980,"navigation":38,"order":21,"path":993,"seo":994,"show":41,"stem":995},"portfolios/portfolios/library/mekari-pixel-for-vue3.md","Mekari Pixel for Vue 3",{"type":8,"value":966,"toc":976},[967,970,972,974],[894,968,964],{"id":969},"mekari-pixel-for-vue-3",[11,971,14],{"id":13},[16,973,901],{},[16,975,904],{},{"title":20,"searchDepth":21,"depth":21,"links":977},[978],{"id":13,"depth":21,"text":14},"A comprehensive Vue 3 UI component library for building Mekari digital products.",{"featured":38,"color":98,"role":910,"category":911,"year":981,"uses":982,"url":983,"thumbnail":985,"screenshots":986},"2023 - 2024",[62,103,63,64,953,253,254,597,916,955],[984],"https://docs.mekari.design","https://storage.dimrak.me/project-and-portofolio/mekari-pixel-for-vue3/thumbnail.webp",[987,988,989,990,991,992],"https://storage.dimrak.me/project-and-portofolio/mekari-pixel-for-vue3/1.webp","https://storage.dimrak.me/project-and-portofolio/mekari-pixel-for-vue3/2.webp","https://storage.dimrak.me/project-and-portofolio/mekari-pixel-for-vue3/3.webp","https://storage.dimrak.me/project-and-portofolio/mekari-pixel-for-vue3/4.webp","https://storage.dimrak.me/project-and-portofolio/mekari-pixel-for-vue3/5.webp","https://storage.dimrak.me/project-and-portofolio/mekari-pixel-for-vue3/6.webp","/portfolios/library/mekari-pixel-for-vue3",{"title":964,"description":979},"portfolios/library/mekari-pixel-for-vue3",{"id":997,"title":998,"body":999,"description":1074,"draft":25,"extension":26,"meta":1075,"navigation":38,"order":1092,"path":1093,"seo":1094,"show":41,"stem":1095},"portfolios/portfolios/ui/mekari-jurnal-base-layout.md","Mekari Jurnal Layout",{"type":8,"value":1000,"toc":1070},[1001,1003,1006,1008,1067],[11,1002,14],{"id":13},[16,1004,1005],{},"Mekari Jurnal Base Layout is a comprehensive redesign and implementation of the core layout system for Jurnal, one of Indonesia's leading accounting software solutions. This project involved replacing the legacy layout with a modern, consistent interface built on Mekari's Pixel 2.0 design system. The new layout system was developed to improve user experience, maintain consistency across the application, and provide a solid foundation for future development.",[11,1007,163],{"id":162},[165,1009,1010,1026,1045],{},[168,1011,1012,1015],{},[171,1013,1014],{},"Modern Navigation System",[165,1016,1017,1020,1023],{},[168,1018,1019],{},"Redesigned responsive navbar with improved accessibility",[168,1021,1022],{},"Collapsible sidebar with customizable menu items",[168,1024,1025],{},"Quick access menu for frequently used features",[168,1027,1028,1031],{},[171,1029,1030],{},"Enhanced User Experience",[165,1032,1033,1036,1039,1042],{},[168,1034,1035],{},"Consistent spacing and typography using Pixel 2.0 guidelines",[168,1037,1038],{},"Improved responsive behavior across devices",[168,1040,1041],{},"Better visual hierarchy and content organization",[168,1043,1044],{},"Smooth transitions and animations",[168,1046,1047,1050],{},[171,1048,1049],{},"Developer Experience",[165,1051,1052,1055,1058,1061,1064],{},[168,1053,1054],{},"Modular component architecture",[168,1056,1057],{},"Reusable layout components",[168,1059,1060],{},"Standardized props and events",[168,1062,1063],{},"Comprehensive documentation",[168,1065,1066],{},"Easy integration with existing features",[16,1068,1069],{},"The new layout system has significantly improved the overall user experience of Jurnal while providing developers with a robust foundation for building new features. The implementation of Mekari Pixel 2.0 ensures visual consistency across the application and aligns with Mekari's design language.",{"title":20,"searchDepth":21,"depth":21,"links":1071},[1072,1073],{"id":13,"depth":21,"text":14},{"id":162,"depth":21,"text":163},"Mekari Jurnal Layout is a comprehensive and modular layout system with reusable components specifically designed for Mekari Jurnal App.",{"featured":38,"color":31,"role":135,"category":250,"year":981,"uses":1076,"url":1077,"thumbnail":1080,"thumbnailSmall":1081,"screenshots":1082},[62,103,63,104],[1078,1079],"https://my.jurnal.id","https://jurnal-base-layout-revamp.vercel.app/report","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/thumbnail.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/thumbnail_md.webp",[1083,1084,1085,1086,1087,1088,1089,1090,1091],"https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/1.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/2.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/3.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/4.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/5.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/6.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/7.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/8.webp","https://storage.dimrak.me/project-and-portofolio/mekari-jurnal-layout/9.webp",3,"/portfolios/ui/mekari-jurnal-base-layout",{"title":998,"description":1074},"portfolios/ui/mekari-jurnal-base-layout",{"id":1097,"title":1098,"body":1099,"description":1147,"draft":25,"extension":26,"meta":1148,"navigation":38,"order":1165,"path":1166,"seo":1167,"show":41,"stem":1168},"portfolios/portfolios/web-app/asiacommerce-manage.md","AsiaCommerce Manage",{"type":8,"value":1100,"toc":1143},[1101,1103,1106,1108],[11,1102,14],{"id":13},[16,1104,1105],{},"AsiaCommerce Manage is an internal backoffice application designed to streamline operations for AsiaCommerce teams. It provides comprehensive tools for managing orders, products, pricing, inventory, warehouses, fulfillment, delivery, shipping rates, promotions, and other critical business functions - enabling efficient control over the entire e-commerce ecosystem.",[11,1107,163],{"id":162},[165,1109,1110,1113,1116,1119,1122,1125,1128,1131,1134,1137,1140],{},[168,1111,1112],{},"Manage orders",[168,1114,1115],{},"Manage products",[168,1117,1118],{},"Manage price",[168,1120,1121],{},"Manage stock",[168,1123,1124],{},"Manage warehouses and fulfillment",[168,1126,1127],{},"Manage suppliers",[168,1129,1130],{},"Manage users and customers",[168,1132,1133],{},"Manage delivery and shipping",[168,1135,1136],{},"Manage shipping rates",[168,1138,1139],{},"Manage promotions",[168,1141,1142],{},"etc...",{"title":20,"searchDepth":21,"depth":21,"links":1144},[1145,1146],{"id":13,"depth":21,"text":14},{"id":162,"depth":21,"text":163},"Backoffice app for AsiaCommerce. Manage orders, products, price, stock, and more.",{"featured":38,"color":1149,"role":1150,"category":250,"year":60,"uses":1151,"url":20,"thumbnail":1152,"thumbnailSmall":1152,"screenshots":1153},"red","Lead Frontend Engineer, Product Design",[62,103,63,64,252,65,253,254,66,597,255,68,257],"https://storage.dimrak.me/project-and-portofolio/asiacommerce-manage/thumbnail.webp",[1154,1155,1156,1157,1158,1159,1160,1161,1162,1163,1164],"https://storage.dimrak.me/project-and-portofolio/asiacommerce-manage/1.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-manage/2.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-manage/3.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-manage/4.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-manage/5.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-manage/6.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-manage/7.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-manage/8.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-manage/9.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-manage/10.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-manage/11.webp",4,"/portfolios/web-app/asiacommerce-manage",{"title":1098,"description":1147},"portfolios/web-app/asiacommerce-manage",{"id":1170,"title":1171,"body":1172,"description":1207,"draft":25,"extension":26,"meta":1208,"navigation":38,"order":1222,"path":1223,"seo":1224,"show":41,"stem":1225},"portfolios/portfolios/web-app/asiacommerce-app.md","AsiaCommerce App",{"type":8,"value":1173,"toc":1203},[1174,1176,1179,1181],[11,1175,14],{"id":13},[16,1177,1178],{},"AsiaCommerce Asiamart is a comprehensive cross-border e-commerce platform that connects buyers with an extensive catalog of products from across Asia. The platform seamlessly integrates product offerings from major manufacturing hubs including China, Thailand, and Singapore, while also featuring local Indonesian products. Beyond the standard catalog, Asiamart empowers users with custom import/export request capabilities, enabling them to source specific products not currently listed in the marketplace. This flexibility makes Asiamart an ideal solution for businesses seeking to expand their procurement options across international markets.",[11,1180,163],{"id":162},[165,1182,1183,1186,1189,1192,1195,1198,1201],{},[168,1184,1185],{},"Browse products from various countries",[168,1187,1188],{},"Purchase and import products from these countries",[168,1190,1191],{},"Request to import or export products that are not available in the marketplace",[168,1193,1194],{},"Manage wishlist",[168,1196,1197],{},"Manage cart",[168,1199,1200],{},"Manage purchase history",[168,1202,1142],{},{"title":20,"searchDepth":21,"depth":21,"links":1204},[1205,1206],{"id":13,"depth":21,"text":14},{"id":162,"depth":21,"text":163},"AsiaCommerce Asiamart is a comprehensive cross-border e-commerce platform that connects buyers with an extensive catalog of products from across Asia",{"featured":38,"color":1149,"role":1150,"category":250,"year":60,"uses":1209,"url":20,"thumbnail":1210,"thumbnailSmall":1210,"screenshots":1211},[62,103,63,252,65,253,254,66,597,255,68,257],"https://storage.dimrak.me/project-and-portofolio/asiacommerce-app/thumbnail.webp",[1212,1213,1214,1215,1216,1217,1218,1219,1220,1221],"https://storage.dimrak.me/project-and-portofolio/asiacommerce-app/1.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-app/2.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-app/3.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-app/4.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-app/5.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-app/6.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-app/7.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-app/8.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-app/9.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-app/10.webp",5,"/portfolios/web-app/asiacommerce-app",{"title":1171,"description":1207},"portfolios/web-app/asiacommerce-app",{"id":1227,"title":1228,"body":1229,"description":1268,"draft":25,"extension":26,"meta":1269,"navigation":38,"order":1279,"path":1280,"seo":1281,"show":41,"stem":1282},"portfolios/portfolios/web-app/asiacommerce-seller-centre.md","AsiaCommerce Seller Centre",{"type":8,"value":1230,"toc":1264},[1231,1233,1236,1238],[11,1232,14],{"id":13},[16,1234,1235],{},"AsiaCommerce Seller Centre is a platform designed to streamline the process of selling products on the AsiaCommerce marketplace. This app allows sellers to manage their products, orders, and other relevant information efficiently. The platform provides a user-friendly interface that simplifies the management of product listings, order processing, and communication with buyers.",[11,1237,163],{"id":162},[165,1239,1240,1243,1245,1247,1250,1253,1256,1259,1262],{},[168,1241,1242],{},"Manage multiple stores",[168,1244,1115],{},[168,1246,1112],{},[168,1248,1249],{},"Manage customers",[168,1251,1252],{},"Manage inventory",[168,1254,1255],{},"Manage pricing",[168,1257,1258],{},"Manage shipping",[168,1260,1261],{},"Manage payments",[168,1263,1142],{},{"title":20,"searchDepth":21,"depth":21,"links":1265},[1266,1267],{"id":13,"depth":21,"text":14},{"id":162,"depth":21,"text":163},"Seller app for AsiaCommerce. Manage products, orders, and more.",{"featured":38,"color":1149,"role":1150,"category":250,"year":60,"uses":1270,"url":20,"thumbnail":1271,"thumbnailSmall":1271,"screenshots":1272},[62,103,63,64,252,65,253,254,66,597,255,68,257],"https://storage.dimrak.me/project-and-portofolio/asiacommerce-seller-centre/thumbnail.webp",[1273,1274,1275,1276,1277,1278],"https://storage.dimrak.me/project-and-portofolio/asiacommerce-seller-centre/1.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-seller-centre/2.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-seller-centre/3.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-seller-centre/4.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-seller-centre/5.webp","https://storage.dimrak.me/project-and-portofolio/asiacommerce-seller-centre/6.webp",6,"/portfolios/web-app/asiacommerce-seller-centre",{"title":1228,"description":1268},"portfolios/web-app/asiacommerce-seller-centre",{"id":1284,"title":1285,"body":1286,"description":1314,"draft":25,"extension":26,"meta":1315,"navigation":38,"order":1319,"path":1320,"seo":1321,"show":41,"stem":1322},"portfolios/portfolios/web-app/asiacommerce-asiamart.md","AsiaCommerce Asiamart",{"type":8,"value":1287,"toc":1310},[1288,1290,1292,1294],[11,1289,14],{"id":13},[16,1291,1178],{},[11,1293,163],{"id":162},[165,1295,1296,1298,1300,1302,1304,1306,1308],{},[168,1297,1185],{},[168,1299,1188],{},[168,1301,1191],{},[168,1303,1194],{},[168,1305,1197],{},[168,1307,1200],{},[168,1309,1142],{},{"title":20,"searchDepth":21,"depth":21,"links":1311},[1312,1313],{"id":13,"depth":21,"text":14},{"id":162,"depth":21,"text":163},"Asiamart is a platform for buying and selling products.",{"featured":38,"color":1149,"role":1150,"category":28,"year":60,"uses":1316,"url":20,"thumbnail":1317,"thumbnailSmall":1317,"screenshots":1318},[62,103,63,64,252,65,253,254,66,597,255,68,257],"https://storage.dimrak.me/project-and-portofolio/asiacommerce-asiamart/thumbnail.webp",[1317],7,"/portfolios/web-app/asiacommerce-asiamart",{"title":1285,"description":1314},"portfolios/web-app/asiacommerce-asiamart",{"id":1324,"title":1325,"body":1326,"description":1356,"draft":25,"extension":26,"meta":1357,"navigation":38,"order":1364,"path":1365,"seo":1366,"show":41,"stem":1367},"portfolios/portfolios/mobile-app/medical-device-calibration.md","Medical Device Calibration",{"type":8,"value":1327,"toc":1353},[1328,1330,1333,1336],[11,1329,14],{"id":13},[16,1331,1332],{},"Medical Device Calibration is a comprehensive mobile application designed for device management companies to track and maintain medical equipment calibration services. The app provides an efficient way for technicians and managers to monitor calibration status, schedule maintenance, and generate reports for their clients.",[16,1334,1335],{},"Key features include:",[165,1337,1338,1341,1344,1347,1350],{},[168,1339,1340],{},"Device Management: Track client medical devices including specifications, location, and calibration history",[168,1342,1343],{},"Service Scheduling: Plan and assign calibration services to technicians with automated scheduling",[168,1345,1346],{},"Work Order System: Create and manage work orders for calibration and maintenance tasks",[168,1348,1349],{},"Calibration Tracking: Monitor calibration due dates and send automated reminders to clients",[168,1351,1352],{},"Detailed Reports: Generate service reports, certificates, and maintenance records for clients",{"title":20,"searchDepth":21,"depth":21,"links":1354},[1355],{"id":13,"depth":21,"text":14},"A medical device calibration system for hospitals.",{"featured":38,"color":1149,"role":1358,"category":28,"year":60,"uses":1359,"url":1361,"thumbnail":1362,"screenshots":1363},"Software Engineer, Product Design",[62,103,63,1360,252,253,254,66,597,255,68,257],"pwa",[],"https://storage.dimrak.me/project-and-portofolio/medical-device-calibration-app/thumbnail.webp",[1362],8,"/portfolios/mobile-app/medical-device-calibration",{"title":1325,"description":1356},"portfolios/mobile-app/medical-device-calibration",{"id":1369,"title":1370,"body":1371,"description":1419,"draft":25,"extension":26,"meta":1420,"navigation":38,"order":1438,"path":1439,"seo":1440,"show":41,"stem":1441},"portfolios/portfolios/web-app/elektromedic-app.md","Elektromedic App",{"type":8,"value":1372,"toc":1415},[1373,1375,1378,1380],[11,1374,14],{"id":13},[16,1376,1377],{},"Elektromedic App is a comprehensive medical device management system designed for hospitals. It allows hospitals to efficiently track and manage their medical equipment across multiple buildings and facilities. The app provides a user-friendly interface that streamlines all aspects of medical device management, from inventory and maintenance to calibration and repair tracking.",[11,1379,163],{"id":162},[165,1381,1382,1385,1388,1391,1394,1397,1400,1403,1406,1409,1412],{},[168,1383,1384],{},"Manage medical devices and equipment inventory",[168,1386,1387],{},"Track device locations across rooms and buildings",[168,1389,1390],{},"Monitor device calibration schedules and history",[168,1392,1393],{},"Schedule and track preventive maintenance",[168,1395,1396],{},"Manage repair requests and service records",[168,1398,1399],{},"Asset management with detailed device specifications",[168,1401,1402],{},"Room and building management",[168,1404,1405],{},"Generate reports on device usage and maintenance",[168,1407,1408],{},"Manage spare parts inventory",[168,1410,1411],{},"User role management for staff access control",[168,1413,1414],{},"Barcode/QR code scanning for quick device lookup",{"title":20,"searchDepth":21,"depth":21,"links":1416},[1417,1418],{"id":13,"depth":21,"text":14},{"id":162,"depth":21,"text":163},"A medical device management system for hospitals.",{"featured":38,"color":248,"role":249,"category":250,"year":101,"uses":1421,"url":1422,"thumbnail":1423,"thumbnailSmall":1423,"screenshots":1424},[62,103,63,1360,252,253,254,66,255,256,257],[],"https://storage.dimrak.me/project-and-portofolio/elektromedic-app/thumbnail.webp",[1425,1426,1427,1428,1429,1430,1431,1432,1433,1434,1435,1436,1437],"https://storage.dimrak.me/project-and-portofolio/elektromedic-app/1.webp","https://storage.dimrak.me/project-and-portofolio/elektromedic-app/2.webp","https://storage.dimrak.me/project-and-portofolio/elektromedic-app/3.webp","https://storage.dimrak.me/project-and-portofolio/elektromedic-app/4.webp","https://storage.dimrak.me/project-and-portofolio/elektromedic-app/5.webp","https://storage.dimrak.me/project-and-portofolio/elektromedic-app/6.webp","https://storage.dimrak.me/project-and-portofolio/elektromedic-app/7.webp","https://storage.dimrak.me/project-and-portofolio/elektromedic-app/8.webp","https://storage.dimrak.me/project-and-portofolio/elektromedic-app/9.webp","https://storage.dimrak.me/project-and-portofolio/elektromedic-app/10.webp","https://storage.dimrak.me/project-and-portofolio/elektromedic-app/11.webp","https://storage.dimrak.me/project-and-portofolio/elektromedic-app/12.webp","https://storage.dimrak.me/project-and-portofolio/elektromedic-app/13.webp",9,"/portfolios/web-app/elektromedic-app",{"title":1370,"description":1419},"portfolios/web-app/elektromedic-app",{"id":1443,"title":1444,"body":1445,"description":1504,"draft":25,"extension":26,"meta":1505,"navigation":38,"order":1517,"path":1518,"seo":1519,"show":41,"stem":1520},"portfolios/portfolios/web-app/rexo-erp.md","Rexo ERP",{"type":8,"value":1446,"toc":1500},[1447,1449,1452,1454],[11,1448,14],{"id":13},[16,1450,1451],{},"With our 5 years of experience in ERP systems, Rexo ERP represents our vision of what a modern business management solution should be. Built in collaboration with my colleagues, this comprehensive system streamlines end-to-end business operations from procurement to sales, inventory management, and financial tracking.",[11,1453,163],{"id":162},[165,1455,1456,1459,1462,1465,1468,1471,1474,1477,1480,1483,1486,1489,1492,1495,1498],{},[168,1457,1458],{},"Sales Order",[168,1460,1461],{},"Shipment",[168,1463,1464],{},"Sales Invoice",[168,1466,1467],{},"Purchase Order",[168,1469,1470],{},"Purchase Invoice",[168,1472,1473],{},"Inventory Management",[168,1475,1476],{},"Inventory Adjustment",[168,1478,1479],{},"Product Stock",[168,1481,1482],{},"Manufacturing Mixing Process",[168,1484,1485],{},"Cash In",[168,1487,1488],{},"Cash Out",[168,1490,1491],{},"Bank In",[168,1493,1494],{},"Bank Out",[168,1496,1497],{},"Report",[168,1499,1142],{},{"title":20,"searchDepth":21,"depth":21,"links":1501},[1502,1503],{"id":13,"depth":21,"text":14},{"id":162,"depth":21,"text":163},"Manage business operations with Distribution, Inventory modules.",{"featured":38,"color":643,"role":249,"category":250,"year":668,"uses":1506,"url":20,"thumbnail":1507,"thumbnailSmall":1507,"screenshots":1508},[62,103,63,252,253,254,66,255,256,257],"https://storage.dimrak.me/project-and-portofolio/rexo-erp/thumbnail.webp",[1509,1510,1511,1512,1513,1514,1515,1516],"https://storage.dimrak.me/project-and-portofolio/rexo-erp/1.webp","https://storage.dimrak.me/project-and-portofolio/rexo-erp/2.webp","https://storage.dimrak.me/project-and-portofolio/rexo-erp/3.webp","https://storage.dimrak.me/project-and-portofolio/rexo-erp/4.webp","https://storage.dimrak.me/project-and-portofolio/rexo-erp/5.webp","https://storage.dimrak.me/project-and-portofolio/rexo-erp/6.webp","https://storage.dimrak.me/project-and-portofolio/rexo-erp/7.webp","https://storage.dimrak.me/project-and-portofolio/rexo-erp/8.webp",10,"/portfolios/web-app/rexo-erp",{"title":1444,"description":1504},"portfolios/web-app/rexo-erp",1783008430470]