Durham College Interactive Map

Tech Stack:

  • Frontend Framework: Vue
  • Build Tool: Vite
  • Programming Languages: HTML, CSS, JavaScript
  • Key Features:
    • Interactive map interface
    • Responsive design
    • Location highlighting
    • Tooltips
    • Accessibility optimization

I contributed to the front-end development of the Durham College Interactive Map using Vue, creating a responsive and user-friendly interface to enhance campus navigation. Using the mockup provided by the design team as a foundation, I implemented their vision while incorporating a few design improvements to optimize usability and overall flow.

I implemented features like location highlighting, tooltips for improved accessibility, and intuitive UX enhancements to refine the navigation experience. Additionally, I conducted rigorous testing and debugging to ensure the map’s functionality was polished and reliable. Post-launch, I managed content updates and addressed user feedback to continuously improve the product.