Project
Hamilton Tourist Map
Designed for tourists to find Hamilton tourist attractions locations and information on the map. Integrated Google Map API, JavaScript, HTML, and Bootstrap to build a map application. Embedded Hamilton Tourism Points of Interest dataset and filtered by the location category. Implemented location filtering and displayed information using markers and info windows. Provide driving navigation to find the route to the marked locations
Technology:
- Google Map API
- JavaScript
- HTML
- Bootstrap
Game Lazy Bee
The game is a side-scroller where the player controls a bee, and flies between spiders and nests without hitting them. Designed and integrated custom pixel art sprites, audio effects, and UI elements. Implemented the game mechanics with Collider 2D, boundary detection, spawn prefabs and gravity. Applied animations and parallax effects to the game components to enhance user experience. Keyboard or mouse-driven player, by avoiding movable barriers and gaining scores.
Technology:
- Unity
- C#
- Pixel art
Card Game
A single-page application used reactJS to implement the card play functionalities. Use basic ReactJS concepts such as JSX, components, props, and component state.
Technology:
- React JS
- CSS
- HTML
Pet Café Website
A front-end web application using user interface design techniques and principles. Developed a WordPress-based website with customized themes and plugins, integrating HTML, CSS, and JavaScript for the client-side, and MySQL for database management. Key features implemented through plugins include schedule management, adoption forms, contact forms, blog management and job boards.
Technology:
- WordPress
- CSS
- MySQL