Hi, I'm Benny Mok

A passionate Font-ebased in Toronto, Canada

Contact me
Hero Image

About

I am a software engineering enthusiast specializing in web development, having recently completed the Diploma of Software Engineering Technician program. With a focus on HTML, CSS, JavaScript, React and Angular, I excel in problem-solving and thrive in collaborative team environments.

About Image

  • Certificate of Completion - Web Development Training

    Cantek Program

    Nov 2023 - Dec 2023

  • College Diploma of Software Engineering Technican

    Centennial College

    Jan 2022 - May 2023

  • Bachelor of Science in Applied Science (Energy and Environment) with Honours

    Hong Kong Metropolitan University

    Sep 2009 - Aug 2011

Experience

HTML

HTML

CSS

CSS

JavaScript

JavaScript

React

React

Angular

Angular

Tailwind CSS

Tailwind CSS

Bootstrap

Bootstrap

Node

Node

MongoDB

MongoDB

Firebase

Firebase

Figma

Figma

C#

C#

  • CHAT Insurance Inc Logo

    Data Processor, CHAT Insurance Inc

    Feb 2024 - Present

    • Assisted with the brokers
    • Entered information into database
    • Checked the validity of the customer information
  • City of Toronto Logo

    Ballot Officer / Revising Officer, City of Toronto

    Jun 2023 - Jun 2023

    • Assisted with the setup
    • Issued ballots and assisted voters
    • Provided guidance and support
  • Waihong environmental services limited Logo

    Assistant Operations Officer, Waihong environmental services limited

    Feb, 2013 - Mar, 2014

    • Assisted in the development of an electronic cleaning inspection
    • Replaced traditional paper forms with the electronic system

Projects

Image of NutriNetwork

NutriNetwork

A dynamic website that serves as a health platform, where individuals can share their health stories and create health-focused recipes.

  • React
  • TypeScript
  • Tailwind CSS
  • APIs
  • Firebase
DemoSource
Image of Charity Finder

Charity Finder

A web application that allows users to search for charities, view detailed information about each charity, and save their favorite charities.

  • React
  • TypeScript
  • Tailwind CSS
  • Public API
DemoSource
Image of Todo App

Todo App

A React-based Todo Web App that offers intuitive task management using local storage, featuring task creation, completion tracking

  • React
  • TypeScript
  • Local Storage
DemoSource
Image of Markdown Previewer

Markdown Previewer

A tool takes user input in Markdown format, and displays the converted HTML in real time.

  • React
  • TypeScript
  • styled-components
DemoSource
Image of CRUD Website

CRUD Website

This is a web application that embraces the power of CRUD operations. username: admin password: admin

  • Express
  • Node
  • MongoDB
DemoSource
Image of Photography Website

Photography Website

I'm also a freelance photographer, and this website showcases my professional photography services and portfolio.

  • HTML
  • CSS
  • JavaScript
  • JQuery
DemoSource
Image of UI/UX Design

UI/UX Design

Designed a questionnaire website using Figma with user-centric layout

  • UI/UX
  • Figma
DemoSource
Image of Bug Smasher Game

Bug Smasher Game

A fun and challenging HTML5 mini-game that tests your reflexes and hand-eye coordination.

  • HTML
  • CSS
  • JavaScript
DemoSource
Image of C# Calculator

C# Calculator

Perform basic calculations. Additional scientific functions expanding the mathematical needs.

  • C#
  • WinsForm
DemoSource
Image of C# Tic-TacTor Game

C# Tic-TacTor Game

The classic game of Tic-tac-toe with a modern twist in this C# WPF application.

  • C#
  • WPF
DemoSource
Image of Fruit Classifier App

Fruit Classifier App

An Java-based Android application that uses a custom-trained TensorFlow Lite neural network to accurately fruit classification.

  • Java
  • Python
  • TensorFlow Lite
DemoSource