Hello, I am Michael Morrison. I
...am a dedicated Web Developer. love creating with code!
...also teach web development to people.
...enjoy solving problems and debugging!
...am dedicated to learning as much as possible!
My Experience
Determined to be the best!
Front-end
- HTML
- CSS
- Bootstrap
- Tailwind CSS
- JavaScript
- React JS
Back-end
- Firestore
- Firebase
- Google Auth
Tools
- Git
- VSCode
- Github Desktop
Projects
Here are some of my projects!
Oldschool RuneScape Clone
web
Based on the Old School RuneScape Website, compliments to JaGeX, I developed a clone replica of the landing page.
Visit WebsiteForkify - Search over 1m recipes!
web
Zero to Expert JavaScript course. In this project, we learned Asynchronous JavaScript, Promises, Async, Await, and AJAX! In addition, we learned modern JavaScript development skills (using MVC for an architecture), and many more! Still updating!
Visit WebsiteMapty
web
Zero to Expert JavaScript course. In this project, we learned Object Oriented Programming and developed a working application utilizing this knowledge. In addition to Object Oriented Programming, we learned how to use built-in APIs like geolocation, and local storage. Log your work outs (Running/Cycling)!
Visit WebsiteBankist App
web
Zero to Expert JavaScript course. In this project I learned plenty about working with arrays, numbers, dates, internationalization, timer, login and more.
Visit WebsiteBankist Landing page
web
Zero to Expert JavaScript course. In this project I learned advanced DOM manipulation and events. Features include modal window, smooth scrolling, page navigation, tabbed component, menu fade animation, sticky Navigation using Intersection Observer API, reveal sections, lazy loading images, slider component, and more.
Visit WebsiteFAQ ACCORDION CARD
web
Frontend Challenge 5: In this challenge, you'll be building out an FAQ accordion. This is an extremely common front-end pattern, so it's a great opportunity to get some practice in!
Visit WebsiteTime Tracking Dashboard
web
Frontend Challenge 14: A perfect opportunity to practice your CSS Grid skills. For anyone wanting to take it up a notch, we provide a JSON data file to practice working with data.
Visit WebsiteTip Calculator app
web
This small app is perfect for anyone starting to get to grips with JavaScript. The calculator functionality will be a nice test!
Visit Websitesunnyside agency landing page
web
Frontend Challenge 16: This challenge will be a perfect test of your layout and responsive skills. There's a tiny bit of JS for the mobile menu, but the focus is HTML and CSS.
Visit WebsiteBlogr landing page
web
Frontend Challenge 17: Flex your layout muscles with this landing page challenge. You'll mostly be working with HTML and CSS for this project with a tiny bit of JS for the mobile menu.
Visit WebsiteCrowdfunding Product Page
web
Frontend Challenge 18: This challenge will test both your layout and state management skills. As visitors make pledges, your goal is to keep track of the changes.
Visit Websiteloopstudios landing page
web
Frontend Challenge 20: This challenge is perfect if you're looking to test your CSS Grid chops. Even without Grid, this project will be a fun one to help you practice your layout skills!
Visit WebsiteTestimonials Grid Section
web
Frontend Challenge 21: This challenge will be perfect practice for anyone wanting to test their CSS Grid skills. Grid is such a powerful addition to CSS, so it's worth getting to grips with it!
Visit WebsiteFylo data storage component
web
Frontend Challenge 22: This component has some interesting CSS challenges in the design. If you're looking to test your CSS skills, this will be a great project for you!
Visit WebsiteCoding bootcamp testimonials slider
web
Frontend Challenge 23: This challenge will be a nice test if you're new to JavaScript. It's also a great opportunity to play around with content animations and transitions.
Visit WebsiteSocial media dashboard with theme switcher
web
Frontend Challenge 24: This challenge will be a perfect chance to practice your Grid skills. The color theme switcher also adds a nice additional test.
Visit WebsiteInsure landing page
web
Frontend Challenge 25: Test your layout skills with this HTML & CSS only landing page. This challenge is perfect if you're starting to get confident in laying out web pages.
Visit WebsitePricing component with toggle
web
Frontend Challenge 26: This challenge will get you thinking about building an accessible custom toggle control and also test your layout skills.
Visit WebsiteClipboard landing page
web
Frontend Challenge 28: Put your layout skills to the test with this HTML & CSS landing page challenge. This challenge includes a design for hover states.
Visit WebsiteHuddle landing page with alternating feature blocks
web
Frontend Challenge 29: This challenge is perfect if you're wanting to practice your layout skills. If you're starting to get a bit more confident laying out a web page, give this project a go.
Visit WebsiteFylo dark theme landing page
web
Frontend Challenge 30: This design has some nice layout challenges in it. A perfect training ground to practice your Flexbox and/or Grid skills.
Visit WebsiteFylo landing page with two column layout
web
Frontend Challenge 31: This project is great if you're starting to get confident with slightly more complex layouts. The second section with the testimonial area will provide a nice challenge.
Visit WebsiteHuddle landing page with curved sections
web
Frontend Challenge 32: Practice using pseudo-elements for styling extras and the CSS position property for the sections with curved edges.
Visit Websitemichael jobs
web
Search for Software Developer career opportunities using Michael Jobs - Like Indeed but my own design.
Visit Websiterock, paper, scissors
web
Rock, Paper, Scissors game with score-counter using JavaScript.
Visit WebsiteOldschool RuneScape Clone
web
Based on the Old School RuneScape Website, compliments to JaGeX, I developed a clone replica of the landing page.
Visit WebsiteForkify - Search over 1m recipes!
web
Zero to Expert JavaScript course. In this project, we learned Asynchronous JavaScript, Promises, Async, Await, and AJAX! In addition, we learned modern JavaScript development skills (using MVC for an architecture), and many more! Still updating!
Visit WebsiteMapty
web
Zero to Expert JavaScript course. In this project, we learned Object Oriented Programming and developed a working application utilizing this knowledge. In addition to Object Oriented Programming, we learned how to use built-in APIs like geolocation, and local storage. Log your work outs (Running/Cycling)!
Visit WebsiteBankist App
web
Zero to Expert JavaScript course. In this project I learned plenty about working with arrays, numbers, dates, internationalization, timer, login and more.
Visit WebsiteBankist Landing page
web
Zero to Expert JavaScript course. In this project I learned advanced DOM manipulation and events. Features include modal window, smooth scrolling, page navigation, tabbed component, menu fade animation, sticky Navigation using Intersection Observer API, reveal sections, lazy loading images, slider component, and more.
Visit WebsiteFAQ ACCORDION CARD
web
Frontend Challenge 5: In this challenge, you'll be building out an FAQ accordion. This is an extremely common front-end pattern, so it's a great opportunity to get some practice in!
Visit WebsiteTime Tracking Dashboard
web
Frontend Challenge 14: A perfect opportunity to practice your CSS Grid skills. For anyone wanting to take it up a notch, we provide a JSON data file to practice working with data.
Visit WebsiteTip Calculator app
web
This small app is perfect for anyone starting to get to grips with JavaScript. The calculator functionality will be a nice test!
Visit Websitesunnyside agency landing page
web
Frontend Challenge 16: This challenge will be a perfect test of your layout and responsive skills. There's a tiny bit of JS for the mobile menu, but the focus is HTML and CSS.
Visit WebsiteBlogr landing page
web
Frontend Challenge 17: Flex your layout muscles with this landing page challenge. You'll mostly be working with HTML and CSS for this project with a tiny bit of JS for the mobile menu.
Visit WebsiteCrowdfunding Product Page
web
Frontend Challenge 18: This challenge will test both your layout and state management skills. As visitors make pledges, your goal is to keep track of the changes.
Visit Websiteloopstudios landing page
web
Frontend Challenge 20: This challenge is perfect if you're looking to test your CSS Grid chops. Even without Grid, this project will be a fun one to help you practice your layout skills!
Visit WebsiteTestimonials Grid Section
web
Frontend Challenge 21: This challenge will be perfect practice for anyone wanting to test their CSS Grid skills. Grid is such a powerful addition to CSS, so it's worth getting to grips with it!
Visit WebsiteFylo data storage component
web
Frontend Challenge 22: This component has some interesting CSS challenges in the design. If you're looking to test your CSS skills, this will be a great project for you!
Visit WebsiteCoding bootcamp testimonials slider
web
Frontend Challenge 23: This challenge will be a nice test if you're new to JavaScript. It's also a great opportunity to play around with content animations and transitions.
Visit WebsiteSocial media dashboard with theme switcher
web
Frontend Challenge 24: This challenge will be a perfect chance to practice your Grid skills. The color theme switcher also adds a nice additional test.
Visit WebsiteInsure landing page
web
Frontend Challenge 25: Test your layout skills with this HTML & CSS only landing page. This challenge is perfect if you're starting to get confident in laying out web pages.
Visit WebsitePricing component with toggle
web
Frontend Challenge 26: This challenge will get you thinking about building an accessible custom toggle control and also test your layout skills.
Visit WebsiteClipboard landing page
web
Frontend Challenge 28: Put your layout skills to the test with this HTML & CSS landing page challenge. This challenge includes a design for hover states.
Visit WebsiteHuddle landing page with alternating feature blocks
web
Frontend Challenge 29: This challenge is perfect if you're wanting to practice your layout skills. If you're starting to get a bit more confident laying out a web page, give this project a go.
Visit WebsiteFylo dark theme landing page
web
Frontend Challenge 30: This design has some nice layout challenges in it. A perfect training ground to practice your Flexbox and/or Grid skills.
Visit WebsiteFylo landing page with two column layout
web
Frontend Challenge 31: This project is great if you're starting to get confident with slightly more complex layouts. The second section with the testimonial area will provide a nice challenge.
Visit WebsiteHuddle landing page with curved sections
web
Frontend Challenge 32: Practice using pseudo-elements for styling extras and the CSS position property for the sections with curved edges.
Visit Websitemichael jobs
web
Search for Software Developer career opportunities using Michael Jobs - Like Indeed but my own design.
Visit Websiterock, paper, scissors
web
Rock, Paper, Scissors game with score-counter using JavaScript.
Visit WebsiteOldschool RuneScape Clone
web
Based on the Old School RuneScape Website, compliments to JaGeX, I developed a clone replica of the landing page.
Visit WebsiteEducation
I am well versed in the following languages, frameworks, and libraries (not including everything in the list)
Want to work with me?
I'm available! Just email me a design, and I'll develop it!
Contact us
Fill out the form below and our team will get back to you within 48 hours!
MM
Copyright © 2025 | Michael Morrison