03-20-23

HD 20H-H

00:00+

AND REW LAI.

>

Visit on Desktop to view full site

>

Hi there. My name is Andrew Lai and I am a Vancouver-based second-year computing engineering student.

I have a keen interest in diverse subjects, ranging from graphic design to deep learning and pattern recognition. Please don't hesitate to reach out if you'd like to discuss anything.

>

Contact










00




04

Tech Stack



JSCRIPT

TSCRIPT

Py

C++

C

JAVA



React

Node

Express

Flask



MySQL

MongoDB

sci-kit

PyTorch

Tensor

>

HESITATE

::

END

::

🢓

::

::

[ UNDER CONSTRUCTION ]

::

::

🢑

::

MAX-HEIGHT

::

::

./PROJECTS.DAT

::

::

MAX-HEIGHT

MIN-HEIGHT

::

::

END

::

::

MIN-HEIGHT

< SCROLL DOWN >

./UBC_DSCI/

STATUS: 8%

< PCA 2024 />

Lead UI/UX designer for PCA 2024, a conference held by UBC DSCI Club.

Worked (still working) closely with a team of experienced web developers to design and deploy a revised and improved version of PCA's 2023 website.

  • JavaScript
  • React
  • Express
  • MUI
  • Tailwind
  • Figma

./POLA_PARTY/

STATUS: 23%

< POLA PARTY />

A web application that catalogues polaroid pictures.

Created for personal use with the hopes of maximising user experience. Just a fun project that we hope helps us with learning Docker and virtual environments.

  • Python
  • Flask
  • PostgreSQL
  • Docker
  • Azure

./PERSONAL_WEBSITE/

STATUS: LIVE

< PERSONAL SITE />

A single-paged application to host all my projects and designs in one place.

This is my first time creating a single-paged application with History API, and thus I apologise for any bugs that may arise. This is also my first ever attempt at creating a portfolio. Inspired by the works of Aristide Benoit and Ben Mingo, I hoped to create a simple yet fluid and content-rich site for anyone interested in my work.

I hope in the future to learn more about WebGL and animating, and be able to create such works without the use of any libraries like GSAP.

  • JavaScript
  • GSAP
  • History API

./DEVPOST_SCRAPER/

STATUS: COMPLETE

< DEVPOST SCRAPER />

Web scraper that collects submission data from any given number of Devpost hackathon pages and returns project data.

Originally forked from Lynn Samson's Python Devpost Scraper, I implemented an improved description retrieval system using extractive summarization through spaCy, added multi-hackathon support, additional customization for users, and deployed it as a Flask-based web app.

  • Python
  • spaCy
  • NLP
  • Flask

./MYSIPS/

STATUS: 89%

< MYSIPS WEB APPLICATION />

Website application that records and stores drinks from your favourite beverage locations.

I used this project to further learn about the fundamentals of React's component life cycle, as well as educate myself around the importance and difficulty surrounding effective authentication systems. I implemented a small backend server which allowed me to retrieve drinks from a MySQL database as well handle all login data.

  • TypeScript
  • React
  • Express
  • MySQL
  • Passport.js
  • REST API

./OUTFIT_LB/

STATUS: COMPLETE

< OUTFITLB />

Desktop app that stores and manages clothing, outfits, and closets.

Just wanted to create an app that could help with saving time in the morning. Leveraged Tkinter to construct clean GUI that allows for increased accessibility Use of K-means clustering algorithm to calculate color averages of an inputted image.

  • Python
  • PyMongo
  • MongoDB
  • Tkinter
  • scikit-learn

./IRRIGATION_PREDICTOR/

STATUS: COMPLETE

< IRRIGATION ESTIMATOR />

Flexible crop irrigation estimator.

Utilized information provided by Crop Evapotranspiration: Guidelines for Computing Crop Water Requirements (1998) by Rick G. Allen and Food and Agriculture Organization of the United Nations. Implemented Penman-Montieth equation to approximate net evapotranspiration from meteorological data.

  • Python
  • Matplotlib
  • Requests
  • REST API

./CROSSY_ROAD_MATPLOTLIB/

STATUS: COMPLETE

< CROSSY ROAD MATPLOTLIB />

Simplified first-person implementation of arcade game Crossy Road; rendered on Matplotlib through ray-casting.

I was bored one weekend and heard that my friend created a Crossy Road replica for his CS class. Impulsively decided to learn a bit about ray- and floor-casting to create this. Designed and implemented game mechanics including character movement and collisions with obstacle objects. Obstacle object class allows for further implementations in the future.

  • Python
  • Matplotlib
  • Tkinter

./MOV_E_REVIEWS/

STATUS: COMPLETE

< MOV-E REVIEWS />

Blog page for reviews of various films, shows, and books.

This was my first time creating a website so the proportions are somewhat iffy. Besides Locomotive.js for scrolling and Type.js for typing effects, all frontend was done by me with pure HTML/CSS. Custom artwork was created in ProCreate, Adobe Photoshop, and Adobe Illustrator.

  • JavaScript
  • Express
  • Azure

./UBC_VSA/

STATUS: COMPLETE

< UBC VSA />

As part of VSA's Graphic Design team, I aided with the marketing of VSA 2022 merchandise.

Utilized Adobe Creative Suite to develop graphics for merchandise as well as social media account, bringing in an upwards of $600 in merchandise sales. Graphics garnered ~200% more interactions on average compared to other posts.

  • Photoshop
  • Illustrator

./RED_WINE/

STATUS: COMPLETE

< RED WINE ANALYSIS />

Datascience-driven project aimed to establish a correlation between various red wine ingredients and quality.

Utilized online red wine dataset to conduct stastical analysis on its ingredients. Pre-processed data as well as implemented K-nearest neighbors algorithm using various predictor variables.

  • R
  • Tidyverse
  • Jupyter

./P6_XEGATIV/

STATUS: COMPLETE

< P6.JPG & XEGATIV />

Graphic design collective and personal business.

Helped manage and co-led a team of designers in creating visually compelling artwork for clients, resulting in sales totaling $20,000. Special thanks to Philemon Lam for introducing me into this area. I developed clear and concise communication skills through direct client interactions, while also ensuring the production of high-quality design solutions.

  • Photoshop
  • Illustrator
  • Premier Pro
  • Blender

< END // ABYSS />

MAX-HEIGHT

::

MIN-HEIGHT

::

::

::

::

::

::

03

20

03

::

::

::

::

::

::

MAX-HEIGHT

::

MIN-HEIGHT

C. 2023

ANDREW LAI

00:00

[ VANCOUVER, BC ]

[ COMPUTER ENGINEER ]

03:00

11:00

12:00

13:00