John Marco | Star Sign Project Hub

Overview

This app is still in development, but it addresses a significant issue. Many diaspora Filipinos, especially Filipino Americans, find it hard to connect deeply with native-speaking family members. I have faced this challenge myself. I looked online for organized and engaging platforms designed for learning Filipino languages but found very few options. Pag-Pinoy aims to fill this gap by working directly with language teaching experts to keep and share Tagalog conversation, culture, and local traditions for this generation and future ones.

Features

• Dynamic local user profiles stored securely using browser storage APIs.
• Asynchronous lesson distribution systems that track, update, and display active modules.
• Clean and scalable content structures that support quick integration of new language units.
• Curriculum integration that connects language elements with key cultural traditions.

Challenges and Solutions

Challenge:I needed a dependable way to create an individual user profile session and track progress without using introductory backend database structures or complex setups.

Solution: I used the Web Storage API and LocalStorage serialization to store user data on the client side, which allows for consistent progress across sessions.

Challenge: Hardcoding individual lesson views quickly led to an unmanageable and duplicated HTML structure.

Solution: I used ideas from the data-parsing module created for Cracker Clicker to build a lightweight template engine in JavaScript. This script reads external configuration objects and processes them through a shared layout file, keeping production files clean and automated.