Home
  • Projects
  • Technologies
  • About

    • Hey There - I'm Matthew,
    a fourth-year computer science student

    Welcome to my web development portfolio, where creativity meets functionality. Dive into my world of crafted digital experiences that bring ideas to life.

    Projects

    React Chat App

    This real-time chat app is being developed utilizing React and Firebase. It supports user authentication, image upload, emoji selection, creation and deletion of chats, and the ability to block other users.

    Stack
    • React.js
    • Node.js
    • Firebase

    Coming Soon - Booking System

    A MERN stack booking system web application with authentication and utilzing CRUD operations for hotel bookings.

    Stack
    • MongoDB
    • Express
    • React.js
    • Node.js
    • Context API

    Book Library Management System

    Developed a full-stack web application that enables users to comprehensively manage their personal library, providing them with the capability to add, edit, delete, and view detailed information about books and authors stored in a MongoDB database

    Stack
    • MongoDB
    • Express
    • JavaScript
    • CSS
    • Node

    Pathfinding Visualizer

    Built using React and CSS to demonstrate Dijkstra's algorithm in real-time. Users can interactively set walls on a grid interface, and upon initiation, the visualizer highlights the path taken and the shortest route to the destination!

    Stack
    • React
    • CSS

    Coming Soon - AI Chat

    A full-stack chat application using React, Node, and Express, with OpenAI integration for user interactions with AI bots, image sending, and real-time code suggestions in multiple languages.

    Stack
    • React.js
    • Redux
    • Node.js
    • Express
    • ChatGPT

    Web Scraper

    Developed a Python web scraper with BeautifulSoup4 to extract work schedule data from my employer's website. It automatically imports the shifts for the month into Google Calendar's RESTful API and generates a .ics file for compatability with other calendars, such as Outlook and Apple Calendar.

    Stack
    • Python
    • BeautifulSoup4
    • Google Calendar API

    Coming Soon - Recipe App

    A MERN stack application with authentication to help keep track of specific recipes created by the user.

    Stack
    • MongoDB
    • Express
    • React.js
    • Node.js

    Working On - Angular

    A platform and framework for building single-page client applications using HTML and TypeScript. Currently, I am focusing on Angular version 17 and working on implementing Create, Read, Update, Delete (CRUD) operations.

    Stack
    • Angular
    • Node.js

    Technologies

    In the world of web development, I've gotten my hands dirty with a whole bunch of tech, diving into both front-end and back-end stuff. But hey, that's just the start—I'm always on the lookout to learn more and play around with new tools.

    • Front-End

      Experience with
      React.js

    • Back-End

      Experience with
      Node and MongoDB

    • UI/UX

      Experience with
      tools like Figma

    About Me

    I'm a fourth year computer science student at The University of Victoria! When I'm not buried in code, you can find me doing a variety of activities that keep my energy high and my spirits higher. I love working out, playing volleyball, hiking, and geeking out over Star Wars!

      2020

      Started at UVic in biochemistry

      2021

      Realized programming was my passion and switched to computer science

      2022

      Started diving into side projects

      2023

      Shifted my focus to web development - now currently working on two full-stack applications!

    Innovating one project at a time