Contact Me!
Contact Me!

Michael Frayne is...

Typing SVG
Typing SVG
about me img

About Me

Welcome, I'm Michael!

I'm a passionate web developer with a strong background in creating visually stunning and user-friendly websites. Through my experiences in high school and a coding bootcamp, I honed my skills in building high-end gaming rigs and tackling complex problems by breaking them down into manageable tasks. Currently I am enrolled in the Computer Engineering Technology Diploma program at NAIT (Northern Alberta Institute of Technology). I excel at identifying test scenarios, planning projects, and prioritizing critical functionalities. My enthusiasm for web development extends to incorporating AI technologies into my work, and I eagerly anticipate the advancements in VR and AI. With a collaborative mindset, I thrive in team environments, fostering open communication and celebrating achievements. In addition to my technical expertise, I bring a friendly and collaborative spirit to every coding challenge and project. I excel in problem-solving and possess a knack for out-of-the-box thinking, allowing me to approach web development tasks from unique angles. With a strong intuition and a commitment to continuous learning, I consistently strive to deliver high-quality work. I invite you to explore the rest of my portfolio to see the full range of my web development projects and accomplishments. Let's connect and collaborate to bring your ideas to life.

Resume

#0
#1
#2
#3
#4
#5
#6
#7
#8
#9
#10
#11
#12
#13
#14
#15
#16
#17
#18
#19
#0
#1
#2
#3
#4

Projects

Bcrypt-Handlebars-MySQL2-Sequelize

My Tech Blog

My CMS-style blog site similar to a Wordpress site, where developers can publish their blog posts and comment on other developers’ posts as well.

LinkGitHub
My Tech Blog

React-Webpack-MongoDB-Mongoose-PWA

My Own Text Editor

A full PWA text editor that allows you to save your work and access it from anywhere.

LinkGitHub
My Own Text Editor

Server Side APIs-CSS-HTML-JavaScript

Tune In

An app to create an opportunity for users to explore different radio stations. The main goal is to provide an easy, efficient radio browser for everyone to use that also includes the top 100 hits.

Note: Unfortunately, the API we used is depreciated and no longer works. I have left the deployed link for you to see the code.

LinkGitHub
Tune In

CSS-HTML

CSS Snippet Cheatsheet

This is a cheatsheet for CSS snippets that I have found useful.

LinkGitHub
CSS Snippet Cheatsheet

HTML-CSS

Portfolio Demo

This is the first version of my portfolio from the bootcamp, showing my progress.

LinkGitHub
Portfolio Demo

React-MongoDB-Mongoose-Express-GraphQL-Apollo-JWT-Bcrypt

Memes Against Humanity

A meme generator app that is a fun and intuitive platform letting you discover and collect the latest and greatest memes from Giphy.

LinkGitHub
Memes Against Humanity

Contact Me