Skip to content

new project added: concordiasafepath #12

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
luantran merged 1 commit into from
May 17, 2026
Merged

new project added: concordiasafepath #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added src/assets/images/concordiasafepath.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
278 changes: 174 additions & 104 deletions src/components/data/projects.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,106 +1,176 @@
import councilPng from '../../assets/images/councilofclassifiers.png'
import councilGif from '../../assets/gifs/councilofclassifiers.gif'
import medicalImagingGif from '../../assets/gifs/multimodal_ui.gif';
import medicalImagingPng from '../../assets/images/multimodal.png';
import methodologyPng from '../../assets/images/methodology.png';
import dashboardGif from '../../assets/gifs/dashboard.gif';
import dashboardPng from '../../assets/images/dashboard.png';
import notilyticsGif from '../../assets/gifs/notilytics.gif';
import notilyticsPng from '../../assets/images/notilytics.png';
import portfolioGif from '../../assets/gifs/portfolio.gif';
import portfolioPng from '../../assets/images/portfolio.png';
import councilPng from "../../assets/images/councilofclassifiers.png";
import councilGif from "../../assets/gifs/councilofclassifiers.gif";
import medicalImagingGif from "../../assets/gifs/multimodal_ui.gif";
import medicalImagingPng from "../../assets/images/multimodal.png";
import methodologyPng from "../../assets/images/methodology.png";
import dashboardGif from "../../assets/gifs/dashboard.gif";
import dashboardPng from "../../assets/images/dashboard.png";
import notilyticsGif from "../../assets/gifs/notilytics.gif";
import notilyticsPng from "../../assets/images/notilytics.png";
import portfolioGif from "../../assets/gifs/portfolio.gif";
import portfolioPng from "../../assets/images/portfolio.png";
import cspPng from "../../assets/images/concordiasafepath.png";

export const projectData = [
{
title: "Council of Classifiers",
description: "CEFR text classification web app combining the models from 'One model to grade them all' to predict English proficiency levels (A1-C2). Aggregates predictions using majority voting and confidence-weighted averaging for robust level estimation.",
category: "NLP / Web Application",
techStack: ["Python", "Flask", "Google Cloud Run", "React", "PyTorch", "Transformers", "Docker", "HuggingFace",],
features: [
"Three-model ensemble architecture with individual model breakdowns, confidence scores, and probability distributions for each CEFR level",
"Flask REST API backend with React frontend for interactive text input and results visualization, dynamically loading pre-trained models from HuggingFace Hub",
"Models trained separately in the 'One model to grade them all' pipeline",
"Continuous deployment to Google Cloud Run using Cloud Build triggers from GitHub repository with containerized production environment"
],
image: councilGif,
thumbnail: councilPng,
demoUrl: "https://councilofclassifiers.luantran.dev/",
githubUrl: "https://github.com/luantran/CouncilOfClassifiers"
},
{
title: "One Model to Grade them All",
description: "Comparative study of ML approaches for automatic CEFR level classification of English learner writing. Trained on EFCamDAT corpus and evaluated on multiple out-of-domain corpora (Write & Improve, ICNALE, ASAG) to assess cross-corpus generalization.",
category: "NLP / Education",
techStack: ["Python", "PyTorch", "NLP", "Transformers", "Word2Vec", "Machine Learning", "RoBERTa"],
features: [
"Processes and combines four major learner corpora with comprehensive evaluation across in-domain and out-of-domain datasets using multiple metrics",
"Implements and compares Naive Bayes (traditional ML), Word2Vec (neural embeddings), and RoBERTa (transformer-based) with ablation studies",
"End-to-end workflow from data extraction to visualization with provenance tracking, stratified sampling, and automated generation of comparison charts and performance tables"
],
image: methodologyPng,
thumbnail: methodologyPng,
demoUrl: "https://huggingface.co/collections/theluantran/cefr-classifiers-one-model-to-grade-them-all",
githubUrl: "https://github.com/luantran/One-model-to-grade-them-all"
},
{
title: "Multimodal Torso Image Reconstruction",
description: "A PyQt5/VTK-based desktop application for visualizing and registering multimodal medical imaging data to create 3D models of the human torso for scoliosis surgical planning.",
category: "Medical Imaging",
techStack: ["Python", "PyQt5", "VTK", "Medical Imaging", "3D Visualization", "Image Registration","Desktop Application"],
features: [
"Load and display MRI , X-Ray, and surface topography in an interactive 3D environment",
"Perform rigid or articulated registration using anatomical landmarks to align and fuse multiple imaging modalities",
"Navigate through MRI slice planes, manipulate 3D models with rotation/zoom/pan controls, and export registered models for surgical planning"
],
image: medicalImagingGif,
thumbnail: medicalImagingPng,
demoUrl: null,
githubUrl: "https://github.com/luantran/MultimodalTorsoImageReconstruction"
},
{
title: "Anime Dashboard Extension",
description: "A lightweight, customizable browser extension that transforms your new-tab page into an elegant anime-themed dashboard with full-screen wallpapers, carousel mode with adjustable intervals, and responsive settings sidebar.",
category: "Browser Extension",
techStack: ["JavaScript", "React", "Vite", "Bootstrap", "Chrome Extension"],
features: [
"Automatically loads anime wallpapers from GitHub repository with local storage caching for performance optimization",
"Adjustable display intervals and smooth transitions between wallpapers with user-controlled timing settings",
"Off-canvas settings panel for folder navigation, interval management, and wallpaper collection browsing",
"To-do list with caching for persistence"
],
image: dashboardGif,
thumbnail: dashboardPng,
demoUrl: null,
githubUrl: "https://github.com/luantran/anime-dashboard-extension"
},
{
title: "Notylitics",
description: "Reactive news analytics platform with real-time article streaming, sentiment analysis, and readability metrics. Built with Play Framework, Pekko Actors, and WebSockets for live updates and comprehensive analytics.",
category: "Web Application",
techStack: ["Java", "Play Framework", "Pekko Actors", "WebSockets", "Reactive Programming"],
features: [
"Real-time news streaming: live article updates with sentiment detection and Flesch-Kincaid readability metrics",
"Actor-based concurrency using Pekko Actors with asynchronous CompletableFutures for non-blocking operations",
"Complete Continuous Integration workflow with 100% Jacoco coverage"
],
image: notilyticsGif,
thumbnail: notilyticsPng,
demoUrl: null,
githubUrl: "https://github.com/luantran/Notilytics"
},
{
title: "Personal Portfolio Website (v1)",
description: "First version of my personal portfolio website built with React and Vite",
category: "Portfolio",
techStack: ["JavaScript", "React", "Vite", "TailwindCSS", "GitHub Pages", "Github Actions"],
features: [
"Modern development stack: Built with React and Vite",
"Responsive design",
"GitHub Pages deployment: Automated CI/CD workflow for seamless deployment and hosting on GitHub Pages"
],
image: portfolioGif,
thumbnail: portfolioPng,
demoUrl: "https://luantran.github.io",
githubUrl: "https://github.com/luantran/luantran.github.io"
}
];
{
title: "Concordia Safe Path",
description:
"Campus safety mobile app for Concordia University students to navigate disruptions such as protests, construction, and emergencies. Features real-time incident reporting, proximity-based alerts, and accessible route planning in a calm, WCAG AA compliant interface.",
category: "Mobile Application / HCI",
techStack: [
"React Native",
"Expo Router",
"Supabase",
"PostgreSQL",
"Google Maps SDK",
"EAS Build",
],
features: [
"Two-stage proximity alert system with progressive escalation from ambient 'Heads Up' banner to full 'Incident Nearby' modal as users approach danger zones",
"Crowdsourced incident reporting with staff verification pipeline, upvote/downvote system, real-time comments, and a four-stage verification progress indicator",
"Safe Zone Now one-tap routing that calculates the nearest safe path using Google Directions API with an accessible route filter for elevators, ramps, and wide paths",
"Offline-first architecture with cached data, persistent offline banner, and graceful degradation modal for actions requiring connectivity",
],
image: cspPng,
thumbnail: cspPng,
demoUrl: "https://youtu.be/WUggIIcdsMM",
githubUrl: "https://github.com/luantran/concordia-safe-path",
},
{
title: "Council of Classifiers",
description:
"CEFR text classification web app combining the models from 'One model to grade them all' to predict English proficiency levels (A1-C2). Aggregates predictions using majority voting and confidence-weighted averaging for robust level estimation.",
category: "NLP / Web Application",
techStack: [
"Python",
"Flask",
"Google Cloud Run",
"React",
"PyTorch",
"Transformers",
"Docker",
"HuggingFace",
],
features: [
"Three-model ensemble architecture with individual model breakdowns, confidence scores, and probability distributions for each CEFR level",
"Flask REST API backend with React frontend for interactive text input and results visualization, dynamically loading pre-trained models from HuggingFace Hub",
"Models trained separately in the 'One model to grade them all' pipeline",
"Continuous deployment to Google Cloud Run using Cloud Build triggers from GitHub repository with containerized production environment",
],
image: councilGif,
thumbnail: councilPng,
demoUrl: "https://councilofclassifiers.luantran.dev/",
githubUrl: "https://github.com/luantran/CouncilOfClassifiers",
},
{
title: "One Model to Grade them All",
description:
"Comparative study of ML approaches for automatic CEFR level classification of English learner writing. Trained on EFCamDAT corpus and evaluated on multiple out-of-domain corpora (Write & Improve, ICNALE, ASAG) to assess cross-corpus generalization.",
category: "NLP / Education",
techStack: [
"Python",
"PyTorch",
"NLP",
"Transformers",
"Word2Vec",
"Machine Learning",
"RoBERTa",
],
features: [
"Processes and combines four major learner corpora with comprehensive evaluation across in-domain and out-of-domain datasets using multiple metrics",
"Implements and compares Naive Bayes (traditional ML), Word2Vec (neural embeddings), and RoBERTa (transformer-based) with ablation studies",
"End-to-end workflow from data extraction to visualization with provenance tracking, stratified sampling, and automated generation of comparison charts and performance tables",
],
image: methodologyPng,
thumbnail: methodologyPng,
demoUrl:
"https://huggingface.co/collections/theluantran/cefr-classifiers-one-model-to-grade-them-all",
githubUrl: "https://github.com/luantran/One-model-to-grade-them-all",
},
{
title: "Multimodal Torso Image Reconstruction",
description:
"A PyQt5/VTK-based desktop application for visualizing and registering multimodal medical imaging data to create 3D models of the human torso for scoliosis surgical planning.",
category: "Medical Imaging",
techStack: [
"Python",
"PyQt5",
"VTK",
"Medical Imaging",
"3D Visualization",
"Image Registration",
"Desktop Application",
],
features: [
"Load and display MRI , X-Ray, and surface topography in an interactive 3D environment",
"Perform rigid or articulated registration using anatomical landmarks to align and fuse multiple imaging modalities",
"Navigate through MRI slice planes, manipulate 3D models with rotation/zoom/pan controls, and export registered models for surgical planning",
],
image: medicalImagingGif,
thumbnail: medicalImagingPng,
demoUrl: null,
githubUrl: "https://github.com/luantran/MultimodalTorsoImageReconstruction",
},
{
title: "Anime Dashboard Extension",
description:
"A lightweight, customizable browser extension that transforms your new-tab page into an elegant anime-themed dashboard with full-screen wallpapers, carousel mode with adjustable intervals, and responsive settings sidebar.",
category: "Browser Extension",
techStack: ["JavaScript", "React", "Vite", "Bootstrap", "Chrome Extension"],
features: [
"Automatically loads anime wallpapers from GitHub repository with local storage caching for performance optimization",
"Adjustable display intervals and smooth transitions between wallpapers with user-controlled timing settings",
"Off-canvas settings panel for folder navigation, interval management, and wallpaper collection browsing",
"To-do list with caching for persistence",
],
image: dashboardGif,
thumbnail: dashboardPng,
demoUrl: null,
githubUrl: "https://github.com/luantran/anime-dashboard-extension",
},
{
title: "Notylitics",
description:
"Reactive news analytics platform with real-time article streaming, sentiment analysis, and readability metrics. Built with Play Framework, Pekko Actors, and WebSockets for live updates and comprehensive analytics.",
category: "Web Application",
techStack: [
"Java",
"Play Framework",
"Pekko Actors",
"WebSockets",
"Reactive Programming",
],
features: [
"Real-time news streaming: live article updates with sentiment detection and Flesch-Kincaid readability metrics",
"Actor-based concurrency using Pekko Actors with asynchronous CompletableFutures for non-blocking operations",
"Complete Continuous Integration workflow with 100% Jacoco coverage",
],
image: notilyticsGif,
thumbnail: notilyticsPng,
demoUrl: null,
githubUrl: "https://github.com/luantran/Notilytics",
},
{
title: "Personal Portfolio Website (v1)",
description:
"First version of my personal portfolio website built with React and Vite",
category: "Portfolio",
techStack: [
"JavaScript",
"React",
"Vite",
"TailwindCSS",
"GitHub Pages",
"Github Actions",
],
features: [
"Modern development stack: Built with React and Vite",
"Responsive design",
"GitHub Pages deployment: Automated CI/CD workflow for seamless deployment and hosting on GitHub Pages",
],
image: portfolioGif,
thumbnail: portfolioPng,
demoUrl: "https://luantran.github.io",
githubUrl: "https://github.com/luantran/luantran.github.io",
},
];
Loading