Hello, I'm

Ryan Yarali

Computer Systems Technology Student @ BCIT

Currently in Term 2, building modern web applications and developing full-stack solutions with cutting-edge technologies

Ryan Yarali

About Me

I'm a Computer Systems Technology student at BCIT, currently in Term 2 of the diploma program. I'm passionate about building modern web applications and software solutions that solve real-world problems.

Through BCIT's hands-on CST program, I'm gaining expertise in full-stack development, database design, systems analysis, and software engineering. I focus on writing clean, maintainable code while developing strong problem-solving skills and understanding industry best practices.

Skills & Technologies

Programming Languages

JavaScript Python Java HTML5 CSS3 SQL

Web Development

React Node.js Express REST APIs Responsive Design Web Accessibility

Databases & Systems

MySQL PostgreSQL MongoDB Database Design Linux/Unix Networking System Analysis

Tools & Practices

Git & GitHub VS Code Agile/Scrum Testing & Debugging Data Structures OOP

Featured Projects

🌐

Personal Portfolio Website

A fully responsive portfolio built from scratch using vanilla JavaScript, showcasing clean architecture and modern web development practices.

HTML5 CSS3 JavaScript Responsive

Task Management App

A dynamic task manager with local storage persistence, featuring CRUD operations, filtering, and a clean user interface.

JavaScript LocalStorage CSS Grid ES6+
🌤️

Weather Dashboard

Real-time weather application using API integration, asynchronous JavaScript, and responsive design principles.

JavaScript REST API Async/Await Flexbox

How This Portfolio Was Built

This portfolio was intentionally built using HTML, CSS, and JavaScript to demonstrate strong fundamentals without relying on frameworks or libraries.

🎯 Why Vanilla JavaScript?

To showcase core web development skills, understanding of the DOM, and ability to write clean, maintainable code without abstractions. This also ensures maximum performance and minimal bundle size.

📁 Code Organization

Modular CSS using custom properties for theming, separate JavaScript files for different concerns, and semantic HTML5 for accessibility and SEO optimization.

⚡ Performance Considerations

No build process required, minimal JavaScript execution, CSS-based animations, system fonts, and lazy loading patterns for optimal load times and user experience.

Education & Learning

Computer Systems Technology Diploma

British Columbia Institute of Technology (BCIT) September 2025 - April 2027 (Expected) Currently in Term 2 | Term 1 Completed

Two-year intensive diploma program focusing on full-stack development, database systems, networking, and software engineering. Hands-on curriculum covering modern programming languages, web technologies, system analysis, and industry best practices.

Key Coursework & Skills:

  • Object-Oriented Programming (Java, Python)
  • Web Development (HTML, CSS, JavaScript, React)
  • Database Design & SQL
  • Systems Analysis & Design
  • Data Structures & Algorithms
  • Networking Fundamentals
  • Agile Development Methodologies

Currently Exploring

Get In Touch

I'm currently open to internship, co-op, and junior developer opportunities. Feel free to reach out!