hero

I'm Ivan.

Web Developer ready to bring ideas to life

About

ABOUT ME

I am a full-stack web developer, passionate about creating complete solutions. I follow industry best practices to build efficient and secure backends, as well as engaging and user-friendly frontends. I’ve been told that I have a good intuition for UI/UX, and I believe my work reflects that. I pay close attention to small details that make a big difference in the final product.

I recently graduated from KPU with a Bachelor’s degree and a GPA of 3.90, with a focus on web development and security. For my capstone project, I led a team of five to build an automated scheduling system for KPU’s IT department head. Prior to KPU, I attended Langara College where I earned an Associate of Science degree. My time at Langara helped me solidify my mathematical skills and fundamental computer science topics, including algorithms, data structures, and programming.

I'm excited to join a collaborative team where I can continue growing as a developer and contribute to large-scale projects. Over time, I plan to focus my career on software security as I continue gaining industry experience.

picture of ivan

SKILLS

react icon

React

typescript icon

TypeScript

nextjs icon

NextJS

tailwind icon

Tailwind

bootstrap icon

Bootstrap

java icon

Java

php icon

PHP

mysql icon

MySQL

git icon

Git

figma icon

Figma

EDUCATION

Kwantlen Polytechnic University

Bachelor of Technology: Information Technology

December 2024

Surrey, BC

GPA: 3.90 / 4.33

AWARDS

Dean's Honour Roll (x7)

NOTABLE CLASSES

Search Engine Principles

Covers how search engines work, including crawling, indexing, and ranking algorithms.

Software QA

Focuses on software quality assurance practices such as testing methods, automation, and defect tracking.

Website and Cloud Security

Explores techniques to secure websites and cloud-based systems from common threats.

Object Oriented Software Engineering

Teaches software design using object-oriented principles, patterns, and development tools.

System Security

Examines system-level security, including operating systems, vulnerabilities, and protection mechanisms.

Mobile Programming

Introduces mobile app development for platforms like Android and iOS, using modern frameworks.

Advanced Web App Development

Covers advanced techniques in building dynamic, scalable, and responsive web applications.

Langara College

Associate of Science: Computer Science

April 2021

Vancouver, BC

NOTABLE CLASSES

Algorithms and Data Structures

Data structure topics including trees, graphs, recursion, heaps, and algorithmic paradigms.

Unix Tools and Scripting

Introduces command-line tools, scripting languages, and basic system administration.

Calculus I & II

Differentiation and its applications, integration techniques, applications, and infinite series.

Data Base Systems

Relational databases, SQL, and data modeling with hands-on projects using MySQL.

Projects

KPU Scheduler

For our capstone project, my team and I developed a web app for the IT department head at KPU to streamline semester schedule management. Our product is far more efficient at managing class schedules for new semesters compared to the school's legacy system: manual entries via spreadsheets. This was achieved by providing an elegant user interface, autofilling inputs, and most importantly: checking time conflicts with existing classes.

project image
  • Created route handlers with ExpressJS to process data, return meaningful HTTP status codes, and provide error handling with informative messages
  • Built middleware that handled authentication and authorization
  • Used Pocketbase to create JWT tokens and verify incoming ones from the client's cookies
  • Developed CRUD endpoints for the 'semesters' and 'timetable' page, and utilized bootstrap for styling
  • Lead a team of 5 by delegating work and having weekly progress check-ins to ensure everyone was up to date on the project
  • Followed good UX principles while working on the frontend by giving feedback to the user on their actions (CRUD operations and errors)
  • Pocketbase setup, data management, and custom database API routes
  • Conditional nav bar rendering based on login state
  • Custom 401 and 404 pages
JS Express Pocketbase Bootstrap

Sports Search Engine

Sports Search Engine is a group project I worked on (alongside 4 others) for our SEO class at KPU. It supports querying and indexing for 3 different media types: text, images, and video. We used Flask to run our server, and Whoosh for all our indexing and querying needs. BeautifulSoup was used sparingly to scrape the NHL, NBA, NFL, and theScore websites for data, which was stored in an SQLite database. Overall it was a very practical project because we applied everything we learned from 3 months of lectures.

project image
  • Scraped the NBA website for articles and images and stored them in our SQLite database. Data included titles, description, and other content that the indexer would consider when queried
  • Set up the indexing and querying functionality using Whoosh
  • Implemented all of the front-end logic and design
  • Handled requests/responses to/from our server including query requests, result responses, and image fetching
  • Enabled 'Enter' key to submit queries for better UX
Python SQLite JavaScript

Portfolio

My portfolio is the first project where I truly spent a lot of time on the design process. It's also my first Tailwind project and I have to admit, I'm a big fan. I had fun building a website with a utility class based approach, and learned about what makes Tailwind powerful: its flexibility and reusability.

project image
  • Designed with Figma & built with Tailwind
  • Fully responsive on all devices
  • Lighthouse score of 100
  • Image sizes were optimized to send the smallest file size possible while retaining the best image quality
  • Fonts are locally hosted with multiple file types (.woff2, .woff) for better browser compatibility
  • Animations done with AOS
Tailwind Figma
GitHub

Pixl Sketch

Pixl sketch is an interactive drawing web app built using JavaScript and CSS, created as a submission for The Odin Project. This solo project aimed to strengthen my skills in dynamic DOM manipulation, events, and JavaScript as a whole.

project image
  • 16x16 grid of pixels that support drawing, erasing, shading, toning, and rainbow mode
  • Color picker, eyedropper tool, and reset button
  • Added state management for all buttons
  • Optimized event listeners with event delegation
  • Converted colors between different color models (HSL, Hex, RGB)
JavaScript CSS

Obsidian

Obsidian is a full-stack ecommerce web application built by myself and one other teammate. The website supports account registration, catalog filters, shopping cart functionality, and an account-based favourites section. The backend is built with PHP, and the front-end utilized a mix of Bootstrap for several components, and CSS for everything else.

project image
  • PHP backend and MySQL database
  • Bootstrap and CSS used for component styling
  • Account-based favourites and shopping carts
  • Session-based auth
  • Credentials are hashed and can be edited in the edit profile menu
  • Catalog browsing with filtering options
PHP MySQL Bootstrap
GitHub

Contact