
Worship Chords is a web application built for worship leaders, musicians, and church communities to discover, learn, and perform worship songs with ease. It offers a curated and growing library of worship songs, complete with chords, lyrics, and tools to customize the experience (like transposition and playback). Users can explore existing songs or contribute new ones, fostering a community-driven repository.
| Feature | Description |
|---|---|
| Song Library with Chords & Lyrics | Browse and view worship songs with accurate chord charts and synced lyrics. |
| Transpose Tool | Change the key of any song on-the-fly so it fits your vocal range or instrumentation. |
| Audio Playback / Play-along | Play a backing audio while following along with the chords and lyrics. |
| User Contributions / Community | Users can submit new songs or edits, contributing to the collective resource. |
| Recently Updated / Highlights | Surface newly added or updated songs to keep content fresh and visible. |
| User Accounts / Authentication | Sign-in functionality to manage contributions, favorites, and personalized settings. |
| Responsive UI & Navigation | Easy-to-use interface with navigation (Home, Browse, Add Song, etc.), optimized for web. |
Worship Leaders & Church Musicians — Quickly find song arrangements in suitable keys and rehearse with backing audio.
Guitarists / Pianists / Vocalists — Use the app to play along or learn songs with the right chords and key.
Church Communities — Standardize chord charts across teams, allow members to contribute their local favorites.
Music Educators / Students — Use the app as a practice tool for transposition and playing along.
(You may adjust this based on your actual implementation)
Frontend: React (or Next.js) for building the UI, handling routing, and state management
Backend / API: Node.js / Express or serverless functions to fetch, add, update song data
Database: A database (e.g. MongoDB, PostgreSQL) to store song metadata, chord structures, lyrics
Audio Handling: Integration of audio streaming or playback (e.g. via HTML5 audio or an audio library)
Authentication: User accounts, login, and authorization (e.g. JWT or session-based)
Transposition Logic: Algorithm to shift chord notes up/down semitones
Hosting / Deployment: Deployed on Vercel (as the site is on vercel.app)
Chord Transposition Accuracy
Ensuring the logic correctly handles chord syntax (e.g. “Cmaj7”, “Dm/F”) when shifting keys
Syncing Lyrics & Audio
Aligning playback with chord displays so that users follow smoothly
Content Moderation / Quality Control
Validating user-submitted songs for accuracy, duplicates, or formatting issues
Performance & Scalability
Optimizing loading times when the dataset grows, caching frequently accessed songs
Responsive Design
Making sure the UI works well across devices (desktop, tablet, mobile)
A centralized resource for worship music that helps reduce time spent searching for chords or re-transposing manually
Community-driven growth, with contributions expanding the catalog organically
A learning & rehearsal tool — helpful for musicians to practice and adapt songs to their voice or band
Scalable foundation for future enhancements (e.g. chord diagrams, multi-instrument tracks, collaboration features)

I designed and developed the BDACON website using Wix, a platform for the Business Digital Acceleration Conference. BDACON connects IT innovators and industry leaders from companies like SAP, IBM, and Microsoft.
The website serves as a central hub for technology enthusiasts, business leaders, executives, entrepreneurs, and IT professionals.
Key features highlighted on the website include:
•Opportunities to network with industry leaders.
•Access to expert-led seminars and knowledge sharing.
•A platform for collaboration on innovative projects.
•An extensive library of exclusive resources.
•Information on how to stay ahead of the curve with the latest innovations.
•Clear calls to action to become a member and get involved
The website effectively communicates BDACON's role as a key platform for digital acceleration and connection within the IT industry

I designed and developed a modern badminton e-commerce store using Next.js and Shopify as a headless CMS, ensuring a fast, seamless, and user-friendly shopping experience.
Headless E-Commerce Integration – Leveraged Shopify's CMS for product management while using Next.js for a high-performance frontend.
Custom UI/UX Design – Created an intuitive and visually appealing interface to enhance user engagement and conversion rates.
Optimized Performance – Implemented server-side rendering (SSR) and static site generation (SSG) for fast loading times and improved SEO.
Secure & Scalable – Designed with scalability in mind, ensuring smooth operations as the business grows.
Mobile-Responsive – Built a fully responsive layout for an excellent shopping experience across all devices.
This project showcases my expertise in headless commerce, modern web development, and user-centered design, helping businesses create an efficient and high-performing online store.

I designed and developed SD Express, a freight forwarding platform that simplifies the process of shipping from China to the Philippines. My contributions to the project included:
This project reflects my expertise in UI/UX design, front-end and back-end development, and system architecture for logistics and e-commerce platforms.

In today’s competitive digital landscape, standing out on social media is essential. For KauSAP, we designed a suite of custom social media posters that capture the brand’s essence and resonate with their audience. Each poster is crafted with KauSAP’s unique personality in mind—bold visuals, impactful messaging, and a cohesive look that amplifies the brand’s voice.
These posters showcase everything from key announcements and product highlights to engaging community-focused content, helping KauSAP connect meaningfully with its followers. By blending eye-catching designs with strategic messaging, these posters aren’t just visually appealing; they’re powerful tools for driving engagement, building brand loyalty, and fostering connections. With each post, KauSAP is equipped to make a lasting impression in a fast-paced social media world.

I created a professional website for H&A Roll-up and Metal Fabrication Services, designed to showcase their services and expertise. The site is built to provide an easy-to-navigate experience for visitors, ensuring that information about their products and capabilities is clear and accessible. With a modern design and responsive functionality, the website helps H&A connect with potential clients and strengthens their online presence.
1