My personal portfolio showcasing my journey as a software engineer and Master's student in Applied Computer Science at Concordia University. Built with React and Tailwind CSS, this site reflects my bilingual background (English/French) and my passion for clean, functional design.
Live Site: portfolio.luantran.dev
- Portfolio: portfolio.luantran.dev
- LinkedIn: linkedin.com/in/theluantran
- GitHub: @luantran
Currently working on: ML/NLP projects, LeetCode practice, and building better developer tools.
Why I Built It This Way
- Bilingual Interface: Growing up in Montreal and teaching French at Cégep Marie-Victorin, I wanted my portfolio to be accessible to both my English-speaking tech colleagues and French-speaking students. Language preference persists across sessions.
- Responsive Design: After years of building full-stack applications at companies like Broadsign and Ericsson, I've learned that mobile-first isn't optional—it's essential. The navigation adapts from a sidebar on desktop to a bottom bar on mobile.
- Clean, Minimal Aesthetic: Inspired by my background in both development and teaching, I opted for a gradient background with glass-morphism effects that's professional but not corporate.
- Version Control for Portfolio Iterations: As someone constantly learning and evolving (currently diving deep into machine learning and NLP), I built in support to deploy multiple portfolio versions. Each significant update gets its own branch and deployment path.
The Tools I Chose (and Why)
- React 19.2 - I've been working with React since my time at Broadsign, and it's become my go-to for building interactive UIs
- Vite 7.2 - After dealing with slower build tools in enterprise environments, Vite's speed is refreshing. Using Rolldown for even faster builds
- Tailwind CSS 4.1 - Utility-first CSS lets me iterate quickly without context-switching between files
- lucide-react & react-icons - A mix of modern icons and Font Awesome classics for the tech stack I actually use
- ESLint - Code linting
- PostCSS - CSS processing
- GitHub Actions - CI/CD pipeline