Andrew Tran

Software Engineer

linkedin icon github icon

Creative, organized, and focused problem-solver. Keen on elegant UI design and optimal user experiences. Confident I can learn anything front-end or back-end, and I always aim to go the extra mile.

I have over 1 year of work experience as a web developer and a Bachelor of Software Engineering from the University of Victoria. I have experience designing and implementing features using JS, CSS, ReactJS, and various templating engines. I have also done work involving NodeJS, flask, SQL and NoSQL.

"I highly recommend Andrew for employment in the software development field in its entire range of application, from front-end to back end development."

- Sergio, Ergonomyx Supervisor

Personal Projects

CineTrack

Firebase • React • TailwindCSS

Discover, share, and bookmark millions of films. The homepage dynamically shows the most current popular, upcoming and now playing movies. You can also find out where each film can be streamed, rented, or bought (in Canada). Create an account and save movies to your watchlist so you can keep track of your backlog. CineTrack utilizes the Movie Database (TMDB) API, which is a community built movie and TV database. This app is heavily inspired by Letterboxd and IMDB.

Connect 4

React • TailwindCSS

Play the Connect 4 board game with your friends right in the browser! Currently supports 2 player matches on the same machine. The goal is to add online multiplayer in the near future.

Todo App

React • TailwindCSS

Create, update, and delete your list of todos. Includes drag and drop functionality and a dark mode option! It was a lot of fun learning how to implement these features, and I'm excited to explore drag and drop functionality in future projects.

Job Listings UI

React • TailwindCSS

View a list developer jobs and filter them based on programming languages, different roles, and different seniority levels. Making this project was good practice for my layout and state management skills.

URL Shortener

React • TailwindCSS • APIs

Shorten your URLs with this sleek web app I built with React and the shrtcode API. This project was good practice for creating a UI that adapts to user input and API responses. The design and idea was provided by frontend mentor.

Ecommerce Page

React • TailwindCSS

An interactive product page with a lightbox modal and add-to-cart functionality. This was done for a challenge by frontend mentor. Check out the demo for yourself!

Wiseguy is a musician and friend of mine from my local town. This is a personal website I designed and developed for him to share his music, videos, and social media accounts.

Time Tracking Dashboard

React • TailwindCSS

An interactive and responsive time tracking dashboard built using React and TailwindCSS. This was designed by frontend mentor.

Notifications Page

React • TailwindCSS

An elegant notifications page built using React and TailwindCSS. This was designed by frontend mentor.

weather app thumbnail
Weather App

React • CSS

A primitive weather app that gives the weekly forecast for a few different cities. Built using React and the DarkSky API. Disclaimer: the demo will stop working in early 2023 due to the API shutting down.

Rough Netflix UI

JavaScript • CSS

A barebones re-creation of the iconic Netflix UI. Includes the infinite scroll effect, and the transformation of the movie icons when hovering over them.

project management app
Project Management App

Mongo • Express • React • Node

Manage projects by creating tickets, assigning them to users, tracking their status, and discussing tickets all within the app. Inspired by the Bugzilla. View the demo on YouTube.

Work Experience

Web Developer Contractor @ Ingram Pharmacy in 2024

  • Design and develop static brochure website for this family owned local business
    ingrampharmacy.ca
  • Consult client on required content and copywrite said content
  • Manage deployment
  • Optimize SEO
  • Make changes to site content whenever the client requests it in the future

Web Developer Consultant @ Lake Cowichan in 2023

  • Design and develop interactive UI with CSS/JS
    • Search bar
    • Navbar
  • Organize and create static web pages
  • Improve existing UI, bug fixes
  • Troubleshoot issues with WordPress site

Full Stack Developer @ Ergonomyx in 2021

  • Design and develop interactive UI with CSS/JS
    • dashboards
    • shopping cart
    • currency switcher
  • Wrote back-end logic in NodeJS, Flask, SQL
  • Improve responsiveness, esp mobile/tablet
  • Automate creation of invoice PDFs upon purchase
Testimonial from Ergonomyx Supervisor:

"He has been very successful in the responsibilities he has been assigned to including, e-commerce front-end upgrade, API/database restructure, cloud server management, and website analytics.

I highly recommend Andrew for employment in the software development field in its entire range of application, from front-end to back end development. As a supervisor I have seen competencies that makes his projects stand out from the rest. Such competencies include leadership and initiative, software development, and communication"

- Sergio Perez

JUNIOR WEB DEVELOPER @ ACDSEE IN 2018

  • Develop static web pages
  • Implement misc features
  • CSS, Twig, Symfony