← All projects
ReactJS / NextJS
Philippine Mental Health Association, Inc.
ROLE
Full-Stack Developer
TECH STACK
ReactJSNextJSTypeScriptJavaScriptCSSTailwind CSSFigma
Overview
Developed the Philippine Mental Health Association (PMHA) website using ReactJS and Next.js, delivering a modern and responsive platform for the organization's programs, services, news, careers, membership, donations, and online appointment booking. The project also integrates with a Human Resource Management System (HRMS) backend, connecting the website's front-end with backend functionality. In addition to development, I handled ongoing website content updates to keep the site's information current and accurate.
Front-End Development & System Integration
- Developed the website's front-end using ReactJS and Next.js.
- Built responsive and reusable components for the organization's pages and content sections.
- Developed interfaces for PMHA's programs and services, including Education and Advocacy, Clinical and Intervention Services, and Monitoring, Evaluation, and Research.
- Implemented website sections for news and updates, careers, membership, donations, and organizational information.
- Integrated the front-end with the Human Resource Management System (HRMS) backend to support system-driven functionality.
- Implemented and connected interactive website functionality with backend services and data.
- Developed the online appointment booking interface, allowing users to select a service, date, and time.
- Created responsive layouts optimized for desktop, tablet, and mobile devices.
- Troubleshot and resolved front-end issues during development and testing.
- Performed functional and responsive testing to ensure consistent website behavior.
Content Management & Updates
- Handle ongoing website content updates based on organizational requirements.
- Update program and service information, announcements, news, and other website content.
- Add and update images and supporting content across relevant pages.
- Ensure published content is properly formatted and displayed consistently across devices.
- Review updated pages and perform functional checks after content changes.
- Keep website information current and aligned with the organization's latest programs, services, and announcements.
CONTACT
Let's build something
Open to freelance projects, full-time opportunities, and interesting collaborations. Drop me a line — I'd love to hear what you're working on.
nabongjudithann@gmail.com