PINUS

The Dual Challenge

The PINUS (NUS Indonesian Students' Association) required a modern digital presence to serve its student body. The existing platforms were fragmented and difficult to maintain.

• The Technical Void: The organization lacked a centralized, high-quality platform to showcase events, student works, and information.
• The Human Capital Challenge: As a student-run organization, the development team consisted of 13 junior undergraduates. Most had strong academic foundations but lacked exposure to modern industry workflows, version control, and collaborative software development.

https://pinusonline.org - PINUS Website Redesign & Integration Transforming the digital presence of the Indonesian student community at NUS.

Product Delivery & Educational Leadership

As the Tech Director, my objective was two-fold:

1. Product Goal: Architect and deliver a scalable, responsive, and maintainable official website.
2. Leadership Goal: Transform a group of individual students into a cohesive engineering team. I needed to bridge the gap between computer science theory and practical software engineering, ensuring the team learned skills relevant to the current job market.

Meet the Pinustech Team Collaborative energy was at the heart of this project. Working alongside 13 talented individuals and 1 Co-Director, we transformed the PINUS digital experience through shared expertise and a passion for community-driven technology.

Engineering Culture as a Service

I approached this project not just as a developer, but as an Engineering Manager.

1. Modern Tech Stack & Architecture

I selected a stack that balanced performance with "employability" for the students learning it:

• Frontend: Built with Next.js and Tailwind CSS for component-driven development. integrated Radix UI to teach the team about accessible, headless UI primitives.
• Asset Management: Implemented Cloudinary API to handle heavy media assets efficiently, ensuring the site remained lightweight.
• CMS Integration: Continued my strategy of "User-Centric CMS" by integrating the Notion API, allowing non-technical student leaders to update content without dependency on developers.

2. Mentorship & Training Curriculum

I established a structured technical training program to upskill the team:

• Workshops: Conducted hands-on sessions on Git (branching strategies, PR reviews), Node.js fundamentals, and React patterns.
• Code Quality: Enforced strict code reviews and linting standards to simulate a professional CI/CD environment.
• Pair Programming: Mentored junior developers through complex logic challenges, fostering a collaborative problem-solving culture.

Mentorship & Knowledge Sharing - I spearheaded technical sharing sessions on Next.js, Tailwind CSS, and Git Flow for the pinustech committee. By collaborating with the PPD team, we fostered a culture of continuous learning and empowered our team and community to excel as engineers while building the PINUS platform.

A Legacy of Code and Talent

The project was a success on both technical and educational fronts:

• The Platform: Successfully launched a centralized hub for the Indonesian student community in Singapore, featuring dynamic content and high performance.
• The Team: The 13 junior developers successfully transitioned from academic coding to shipping production-level software. Several team members cited this project as a key portfolio piece in securing subsequent internships.
• Sustainability: Delivered a well-documented codebase and a "handover-ready" architecture, ensuring future batches could maintain the site easily.