Front-End Developer building modern web applications & interactive learning systems.

I create responsive, accessible, and high-performance digital experiences used by universities, enterprises, and training organizations.

About Me

I'm Fareed Hassan — a Front-End Developer and eLearning Specialist with 10+ years building interactive learning modules, custom LMS experiences, and modern web applications.

I combine front-end engineering (Vue.js, JavaScript) with instructional design and multimedia development to create engaging, accessible, and scalable digital learning products used by universities, enterprises, and training organizations. I leverage AI-powered tools including GitHub Copilot and VS Code to accelerate development, solve complex problems, and deliver high-quality solutions efficiently.

Why Hire Me

  • 10+ years building interactive learning systems for universities & enterprise clients
  • 4+ years modern front-end development using Vue.js and JavaScript
  • Strong UI/UX sense with clean, accessible, mobile-first design
  • AI expert — leveraging Copilot, VS Code & LLMs to accelerate delivery and solve complex problems
  • Experience delivering SCORM/xAPI modules and custom LMS solutions
  • Blend of engineering + instructional design for high-impact learning products

Work Experience


MediaSurf (mediasurf.ca) operates as a boutique digital learning studio where I provide consulting services in eLearning development, front‑end engineering, and interactive content design. I partner with organizations to elevate their learning experiences through modern web technologies, clean UX, and high‑impact instructional design.

  • Build custom HTML5, CSS3, JavaScript, and Vue.js components for interactive learning experiences.
  • Design scenario‑based activities, simulations, and responsive UI systems for LMS and LXP environments.
  • Modernize legacy courses and support digital transformation initiatives for academic and corporate teams.
  • Deliver full project lifecycle support—from concept, wireframes, and prototypes to polished deployment.
  • Enhance accessibility (WCAG), usability, and visual design across learning products and platforms.
  • Collaborate with instructional designers, SMEs, and stakeholders to create engaging, measurable learning outcomes.

Developed engaging and instructionally sound learning content for online healthcare courses, including interactive elements like quizzes and group activities with faculty performance review capabilities. Created reusable templates for healthcare courses, streamlining development and ensuring consistent design.

  • Collaborated with instructional designers on storyboarding and translated highly customized concepts into user-friendly interactive components and templates.
  • Built custom LMS themes using JavaScript and CSS to align with partner branding, demonstrating expertise in front-end development and LMS customization.
  • Automated user interface testing for standalone interactives using Selenium WebDriver, improving testing efficiency.
  • Developed accessible and responsive content, adhering to accessibility guidelines (WCAG) and best practices.
  • Managed tasks, reported progress using Jira, and utilized Bitbucket for code management in a multi-project environment.
  • Researched and implemented new web technologies to enhance course interactivity and user experience.

Collaborated with instructional designers and subject matter experts (SMEs) to create instructionally sound, engaging, and target-audience appropriate learning solutions and activities, such as courses, case studies, simulations, and scenarios for universities across the US.

  • Reduced development cost by creating media templates for multiple courses, thriving cross-functionally with Project Managers and eLearning Developers on efficient review and feedback of deliverables.
  • Designed and developed interactive multimedia content using HTML5, CSS3, and JavaScript.
  • Ensured accessibility and responsive design for all deliverables.
  • Managed project timelines and deliverables using Agile methodologies.

Developed interactive multimedia content for educational courses, including animations, simulations, and interactive exercises. Worked closely with instructional designers to ensure content met educational objectives and was engaging for students.

  • Created interactive simulations that enhanced student learning and engagement.
  • Developed animations and graphics to support course content.
  • Collaborated with instructional designers to create instructionally sound multimedia content.
  • Ensured all multimedia content was accessible and met accessibility guidelines.

All Projects

Emergency Department Health Information Systems
eLearning Modules

Emergency Department Health Information Systems

An interactive Emergency Department workflow activity featuring multiple-choice decision points where learners identify and select the correct health…

Tech: HTML5, CSS3, JavaScript, Vue.js, Highcharts

Interactive Human Body with Hotspots & Quiz
eLearning Modules

Interactive Human Body with Hotspots & Quiz

An interactive human body illustration with clickable hotspots to reveal information about different body parts. Includes a quiz feature to test knowl…

Tech: HTML5, CSS3, JavaScript, Vue.js, Responsive Design

Skills & Technologies

JavaScript (ES6+)Vue.jsNode.jsHTML5CSS3Accessibility (WCAG)StorylineSCORM / xAPILMS CustomizationAI-Powered DevelopmentGitHub CopilotVS CodeFigmaAdobe CC