2023
Url:
Jayantara PDF Signing & Payment Integration
Description:
Developed a responsive landing page for Jayantara's PDF signing feature, leveraging Privy ID for secure digital signatures. Integrated Midtrans payment gateway to facilitate smooth, secure transactions for users. The landing page was designed with Nuxt 2 and Vuetify, ensuring optimal performance and full responsiveness across devices.
Features:
- PDF Signing: Integrated with Privy ID for a seamless and secure document signing experience.
- Payment Gateway: Smooth integration with Midtrans for real-time payment processing.
- Full Responsiveness: Designed to be fully responsive on all devices, providing an optimal user experience across desktop, tablet, and mobile.
- Modern Tech Stack: Utilized Nuxt 2 for SSR and Vuetify for a sleek, material-design-based UI.
Technologies Used:
- Frontend: Nuxt 2, Vuetify
- Payment Integration: Midtrans API
- Authentication: Privy ID for digital signatures
Lihat portofolio terbaru saya:
Gendut Grosir
Gendut Gerosir is a web application created for grocery stores that have 2 types of consumers with different prices, namely retail and wholesale. Having product management functions, analytics, user management, and has a cashier system (point of sales) in it. • Nuxt js 2 • Vuetify • Express js • MongoDB Url: https://gendut-grosir.ianfebi01.tech/ (login: user: [email protected], pw: 123456) Repository: https://github.com/ianfebi01/gendut-grosir & https://github.com/ianfebi01/gendut-grosir-be
Loyalty Management for Astra Honda Motor
Part of a two-person frontend team, I developed a scalable Loyalty Management CMS for Astra Honda Motor, optimized for millions of users in Indonesia. The CMS manages loyalty members, points, levels, customers, and RBAC. It includes a customizable data table with grouping, resizing, drag-and-drop, export, sorting, custom search inputs (autocomplete, select, date range), and an edit view for in-table data modification. Built with Next.js 14 Pages Router, TypeScript, MUI, React Query, and a custom date range picker using React-Date-Picker.
Geomastery
Developed a fully responsive landing page for GeoMastery using Nuxt.js 3, ensuring a smooth user experience across all devices. Tailwind CSS was used for styling, and Headless UI for customizable, accessible components. Integrated with Strapi 4 CMS, allowing dynamic content management. My role involved building the frontend, integrating the CMS, and optimizing the site for performance and responsiveness on all screen sizes.
Sunrice
As a Frontend Developer for the SunRice website ([https://www.sunrice.com.au](https://www.sunrice.com.au)), I worked alongside a teammate to develop a dynamic, responsive interface using Nuxt 3 with TypeScript. All components are fully dynamic, enabling users to update content through Strapi 4 CMS. We used Tailwind CSS for modern styling and integrated Meilisearch and Algolia Instant Search to provide powerful search functionality. The project also prioritized strong SEO performance.
