Ngoding Lok

Learn coding by doing. Interactive Python, SQL, Java and safe cybersecurity missions with XP, achievements, friends and shareable PDF certificates.

Comment

Inspiration

Many beginners find programming difficult because lessons are often disconnected from visible progress. We wanted to create a learning experience that feels more interactive, motivating and practical.

Ngoding Lok turns programming and safe cybersecurity fundamentals into short, guided missions where learners can practise concepts, receive feedback, earn XP and build a visible achievement history.

What it does

Ngoding Lok is a responsive gamified learning platform covering Python, SQL, Java and safe cybersecurity practice.

Learners can:

  • Complete interactive coding missions
  • Track XP and achievements
  • Progress through multiple learning tracks
  • Connect with friends through referral codes
  • View publicly verifiable certificates
  • Download completed certificates as PDF files
  • Use the platform on desktop and mobile devices

The platform currently includes 21 playable missions across four learning tracks.

How we built it

The application was built with Flutter and Dart, with Firebase Authentication, Cloud Firestore and Firebase Hosting supporting the live product.

We used Firestore streams for live friend updates and a transactional referral workflow to ensure both users are linked correctly after a successful referral. The certificate system includes responsive public credential pages and browser/native PDF download support.

Codex supported the iterative product, engineering and design workflow. It helped refine the responsive profile, friends and certificate experiences, debug the one-sided referral issue, improve the PDF certificate flow and validate the release through analysis, tests and a production web build.

Challenges

One of the most important challenges was keeping social referral data consistent. A user could previously see their friend while the friend could not see them. We fixed this by preserving existing friend IDs, reconciling referral relationships transactionally and deploying updated Firestore rules.

Another challenge was making information-dense pages usable on both desktop and mobile. We redesigned the achievement cards, Friends page and Certificates page to use responsive layouts, clearer hierarchy and better tap targets.

What we learned

We learned that educational products need more than working lessons. Progress visibility, feedback, social motivation and shareable proof of achievement all contribute to learner momentum.

We also learned that cloud-backed social features require careful handling of data consistency, especially when two user accounts must be updated together.

Future plans

Future improvements include more learning tracks, richer progress analytics, additional project-based challenges and stronger instructor or classroom features.

Built With

Share this project:

Updates