Description: Peraichi is a comprehensive website system that enables users to create and manage personal websites, personal branding, or blogging with multiple pre-designed templates. Originally built on a monolithic architecture using PHP and MySQL, the project has been operating for about a decade. Our current mission is to rebuild the system from scratch, transitioning to a microservices architecture utilizing Ruby on Rails, MySQL, VueJS, and Docker.

Link https://peraichi.com

Team size: 3 teams, each with 2 FE and 2-3 BE members, divided into several small projects: common-nuxt, market, template, payment-management, page-management, domain-management, user-management, etc.

My Role: Frontend Developer.

My Contribution:

• Transformed existing frontend features into VueJS, including building layouts, components, configuration, and API integration with Backend for Frontend services.
• Conducted code reviews to ensure high-quality code standards and best practices.
• Collaborated closely with Backend Engineers and other Frontend Developers to ensure seamless integration and functionality across the new microservices architecture.

Technologies used: VueJS, NuxtJS.

Description: The Rent.com.au site, a prominent property website. My primary responsibility revolves around enhancing the website's functionality through the implementation of HTML and CSS. Additionally, Providing SEO support to ensure optimum visibility and accessibility for our users.

Link https://rent.com.au

Team size: 3 FE, Australian BE Team & QA Team.

My Role: FE Leader.

My Contribution:

• Converted newly designed interfaces from Figma to Next.js components
• Ensured responsive layouts for consistent user experiences across
devices
• Optimized SEO by implementing meta tags, structured data, and keyword optimization Improved search engine visibility and increased organic traffic

Technologies used: NextJS, Typescript, Hooks, Context, Ant Design.

Description: A warehouse management page for a warehouse selling auto parts

Team size: 3 FE, 3 BE Dev & QA Team.

My Role: FE Leader.

My Contribution:

• I took the lead in building the code base from scratch using Next.js 13.
• Assumed the responsibility of designing and implementing the layout, ensuring a seamless and visually appealing user experience.
• Integrated the necessary functionalities to support the loading of a massive 6 million records from the backend.

Technologies used: NextJS 13, Typescript, Hooks, Context, TailwindCSS.

Description: The Admin System helps to manage fulfillment, orders, shipping partners, Delivery, Payment, and User system... for Landers Web and Landers App.

Team size: 3 FE, 3-5 BE Dev + Philippines Product & QA Team.

My Role: FE Developer.

My Contribution:

• Build system from scratch, building Admin Dashboard, Structure, Layout, Config, Components, etc for ReUse, Scale, Maintain..
• Build User Management, Authorization
• Management features Fulfillment, Orders, Riders, Packages, Products, Refund-transaction, Remittances, and Warehouses..

Technologies used: NextJS, Typescript, Hooks, Context, Ant Design. Git, Jira, Confluence.

Description: The Admin System helps to manage Notification, Email, SMS, Push Notification, etc for Landers Web and Landers App.

Team size: 1 FE, 2 BE Dev + Philippines Product & QA Team.

My Role: FE Developer.

My Contribution: Build all FE Part from scratch: Convert Figma to HTML, CSS, TailwindCSS, Build Dashboard, Notification Management, Email Management... Integrate With the Other User Management System.

Technologies used: NextJS, Typescript, Hooks, Context, TailwindCSS. Git, Jira, Confluence.

Description: Like another e-commerce website, but this site only sells goods from large supermarkets of Landers company. Do not sell for other vendors. This web allows customers to buy goods online, pay online, and ship goods to the customer's address.
Link https://landers.ph .

The system is built on the GORP stack: Golang, ReactJS, PostgreSQL, and Plus Magento System.

Team Size: 2-7 FE, 5-7 BE Golang Dev vs Magento Dev, 3 DevOps. & and Philippines Product & QA Team.

My Role: Frontend Developer.

My Contribution: Build normal features of an e-commerce website: Display products, product details, shopping cart, checkout, checkout, ratings, etc.

Technologies used: ReacJs, SASS, Redux, Redux-Saga

Description: The App Version of Landers Web E-Commerce.

Team Size: 2-5 FE, 5-7 BE Golang Dev vs Magento Dev, 3 DevOps. & and Philippines Product & QA Team.

My Role: Frontend Developer.

My Contribution: Build components that correspond to the web version.

Technologies used: ReactNative, Redux, Redux-Saga

Description: Build NFT Market related to World Cup 2022. Allow Mint NFT, Listing & Cancel Listing, Buy NFT, Sell NFT, Transfer NFT, ... I am 1 of 4 people on the Project. I'm in charge of FE, building FE from scratch. Another 2 Dev builds BE, another Dev builds Smart Contract.

Team size: 1 FE, 2 BE Dev. & 1 Smart Contract Dev.

My Role: FE Owner

My Contribution:

• Convert Figma to HTML, CSS, TailwindCSS.
• Connect to the BE API, interact with the Smart Contract via Web3.

Technologies used: NextJS, Typescript, Hooks, Context, Ant Design

Description: The system helps to manage the warehouse, the warehouse staff can use the system to pick up, pack, and ship goods to customers.

Team Size: 2 FE Dev, 2 BE + Other Philippines Team.

My Role: Frontend Developer.

My Contribution: Research Flutter, Dart and build the system from scratch, build the layout, and common components. The features Scan QR Code, Pick, Pack, ready for Shipping, etc.

Technologies used: Flutter, Dart, State Management with Mobx.

Description: Local App for Delivery Rider. The rider can use this app to receive a delivery order, and deliver to the customer.

Team Size: 3 FE Dev, 2 BE + Other Philippines QA, Product Teams.

My Role: Frontend Developer.

My Contribution: Layout & Scan, Integration with Here Map.

Technologies used: Flutter, Dart, State Management with Mobx.