Welcome To My Portfolio

Website

Profile Image

About Me

Hi, I'm Jason Brandon Loi — a passionate and curious developer from Binus University, specializing in web development and artificial intelligence. My journey in tech has been driven by an endless curiosity to explore how things work and a desire to turn creative ideas into functional, impactful digital experiences.

With skills spanning both front-end and back-end development, I craft seamless, responsive, and user-friendly applications that don’t just work — they engage. I enjoy experimenting with new technologies, whether that means building scalable backend systems, designing intuitive interfaces, or training AI models to solve real-world problems.

My curiosity pushes me to keep learning, breaking boundaries, and diving into challenges that others might shy away from. Beyond coding, I love sharing knowledge, exchanging ideas, and being part of a developer community that thrives on collaboration and innovation.

Welcome to my portfolio — a glimpse into the projects, experiments, and ideas I’ve brought to life. If you’re into building cool things, exploring new tech, or just geeking out over AI, we’ll definitely get along.

My Projects

Project 1

Hi! Countant

Hi! Countant is a pioneering fintech platform that combines artificial intelligence with blockchain technology to revolutionize accounting and financial management. Built on the Internet Computer Protocol, it leverages Gemini AI models to provide:
📊 AI-driven financial data analysis
💼 Automated transaction processing
📝 Comprehensive financial reporting
💡 Intelligent financial recommendations

Tech Stack: React 18.3.1 with Vite 5.4.18, Motoko on ICP, Google Gemini 2.5 Flash, Tailwind CSS 3.4.14 with DaisyUI

GitHub
Project 2

HistoriBuddy

HistoriBuddy - AI-Powered Historical Exploration App
Flutter Mobile Application | AI | Google AI Studio | Firebase | Computer Vision

HistoriBuddy is a mobile app that helps tourists and history enthusiasts discover and learn about historical objects through AI-powered interactions. Simply take a photo of a historical artifact, monument, or building, and HistoriBuddy provides detailed information via an interactive chat with your personalized cultural mascot.

GitHub
Project 3

AI Chemy

AI-chemy is a cutting-edge platform that combines artificial intelligence with chemical synthesis research. Built on the Internet Computer Protocol, it leverages LLaMA-based models to provide:
🧪 AI-driven material synthesis analysis
🔍 Real-time chemical reaction visualization
📊 Comprehensive research data analysis

Tech Stack: React 18.3.1 with Vite 5.4.11, Rust on ICP, LLaMA 3.1 8B, Tailwind CSS 3.4.14

GitHub
Project 3

Be Finder

Be-Finder is a geospatial analytics platform that calculates business potential based on pinned locations within specific areas. Using advanced geospatial technology powered by OpenStreetMap and Leaflet mapping libraries, the platform provides data-driven insights for strategic business placement and market analysis.

🗺️ Interactive mapping with OpenStreetMap integration
📍 Location-based business potential analysis
📊 Geospatial data visualization and analytics
🎯 Strategic location assessment tools

Tech Stack: React.js, Tailwind CSS, JavaScript, Motoko (ICP Backend), OpenStreetMap, Leaflet

GitHub
Project 3

Trade Talk

Telegram Clone with Enhanced Features - A modern messaging web app inspired by Telegram, built using Next.js, TypeScript, Firebase, and Tailwind CSS. This project goes beyond basic messaging by integrating several powerful tools and APIs to enrich the user experience:
📈 TradingView Chart integration for live market data visualization
🗞️ NewsAPI to deliver real-time financial and crypto news
🤖 AI-powered chat assistant using OpenRouter (API-AI integration)
🌀 GSAP (GreenSock) for smooth and elegant scroll animations
🎨 Spline 3D models on the homepage for interactive 3D visuals

This clone not only replicates core Telegram functionality, but also experiments with interactive UI, real-time data, and intelligent features to push the boundaries of what a modern chat app can do.

Skills: TypeScript, Next.js, Firebase, Tailwind CSS, GSAP

GitHub
Project 3

Resepverse

Resepverse is a blockchain-powered recipe marketplace where culinary passion meets blockchain innovation. The platform allows chefs to share recipes, earn tokens, and mint their recipes as NFTs.

📝 Recipe sharing and NFT minting
🛒 Recipe marketplace with voting system
💰 Chef reputation and royalty distribution

Tech Stack: React + TypeScript, TailwindCSS, Solidity 0.8.23, Lisk Chain, Hardhat

GitHub
Project 3

Scanny

🎓 Scanny – Smart Learning App for Kids Using Gemini OCR
Built with Flutter & Google AI

Scanny is a mobile application designed to help young children learn better by interacting with the world around them. Built with Flutter, the app uses Google's Gemini OCR to scan and describe real-world objects or text captured through the phone's camera.

Instead of just extracting text, Scanny explains what's in the image in a way that's simple and educational — helping kids understand letters, words, signs, and objects using AI-generated descriptions.

GitHub