Recent Projects

My main area of expertise is in front-end web/mobile development, but I have experience in full-stack development as well. Here are some of the projects I have worked on.

  • Markyt

    As a the lead developer at Markyt, my work involved building and maintaining a web app using industry standard practices, implementing Stripe payment integration, and ensuring proper user authentication protocols. Working with SvelteKit and Firebase (storage, firestore, auth) tools have allowed me to speed up development immensely without sacrificing the scalability and quality of my code.

    https://github.com/lxyhan/markyt-development

  • Close to Home

    Close to Home offers a comprehensive disaster management platform that uses AI-powered heatmaps to identify high-impact zones while also serving as a hub for user-generated stories, articles, and donation links. Our interactive map displays real-time disaster updates through geotagged posts, allowing users to not only see where aid is needed but also engage emotionally through personal narratives.

    https://github.com/lxyhan/NewHacks

  • Harled Equipment Tracking System

    UI Design Internship project and backend architecture planning for a Equipment Tracking System for the Royal Canadian Air Force.

    https://harled.ca/projects/

  • Weather Forecast App

    Developed a weather dashboard with real-time analytics using Chart.js, integrating OpenWeatherAPI for data and Unsplash API for dynamic imagery. Tracks Sunrise / Sunset, Precipitation Data, and 12-hour realtime Forecast.

    https://lxyhan.github.io/Weather-App/src/index.html

  • Todo-List

    Developed a feature-rich task management app with full CRUD functionality, utilizing Firebase Firestore for real-time data persistence and Firebase Authentication for secure user access. Used Sveltekit, a modern front-end framework to ensure proper state management and secure API routes.

    https://lxyhan2.vercel.app/todo

  • Personal Site (this website lol)

    Next JS / React Website developed for my personal blog and portfolio. Utilizes Tailwind CSS for styling, prism.js, and Vercel for deployment.

    https://hanjames.vercel.app/projects

  • YiRenovate

    A Front-End Static Site I developed for a local Toronto Renovation Company using Boostrap 5

    https://yirenovation.ca/

  • Country Image API Map

    A Front-End Static Site I developed to learn more about fast Image rendering using Svelte and Unsplash API

    https://lxyhan2.vercel.app/blog

  • ScholarLink

    A Full=Stack Web App I developed to help students find tutoring. Utilizes SASS, Firebase, and Boostrap JS.

    https://www.youtube.com/watch?v=Yl0gZv1QwDc