LinkedIn

Ian’s LinkedIn User Profile

DNHS Flocker – Beverage Debates (Frontend Developer)

Project Reflection

Built a clean, user-friendly frontend for students to vote on drinks and suggest new beverages.

What I Built

  • Voting options for popular drinks
  • Text input for new suggestions
  • Results section with refresh functionality

Purpose & Impact

  • Encouraged student participation with a fun, simple design
  • Made voting and suggestions accessible
  • Amplified student voices in school decisions

Wins & Improvements

  • Clean layout, responsive buttons, school-spirited design
  • Could add animations, images, real-time updates, and mobile support

Lessons Learned

  • Enhanced HTML, CSS, JavaScript skills
  • Focused on usability and interactive frontend design
  • Understood frontend’s role in community engagement

A rewarding project combining fun and function for DNHS students.

Scribble: Drawing Competition – Frontend & Partial Backend

Overview

Created an interactive drawing canvas with timer and live results display.

Features

  • Canvas with brush/color controls
  • Timer with start/stop and countdown
  • Dynamic results table with scores
  • Responsive UI and error handling

Challenges & Successes

  • Managed async timer updates and JavaScript event loops
  • Implemented smooth canvas drawing and responsive design
  • Organized modular, maintainable code

Future Improvements

  • Add animations for timer events
  • Enable touch support
  • Real-time results without reload
  • Improve accessibility

Key Takeaways

  • Deepened canvas and async JS skills
  • Built user-friendly, interactive frontend elements
  • Structured clean CSS and modular JavaScript

Valuable experience creating a real-time, engaging drawing platform.

GameHub – Scrum Master & Frontend Developer

Summary

Focused on NPC interactions and redesigning navigation for an intuitive game hub.

Work Highlights

  • 8 interactive NPCs with dialogue and teleportation
  • Navigation popup with controls and help info
  • Streamlined transitions between lobby and worlds

Impact

  • Made game world feel alive and immersive
  • Improved player navigation and exploration
  • Created a cohesive, user-friendly frontend

Strengths & Improvements

  • Engaging NPC dialogues and responsive UI
  • Could add hover effects, mini-maps, and screen transitions

Learning Points

  • Advanced HTML, CSS, JS skills
  • Built interactive modals and dialogs
  • Focused on user flow and modular code

GameHub challenged me to design engaging frontend game features.

Homework Success

Homework Succession

N@TM GameHub Showcase

Showcasing GameHub in Night At The Museum