├── assets ├── arrow.png ├── email.png ├── github.png ├── mcgill.svg ├── linkedin.png ├── about-pic.png ├── checkmark.png ├── cs50Finance.png ├── education.png ├── experience.png ├── hqdefault.jpg ├── profile-pic.png ├── project-1.png ├── project-2.png ├── project-3.png ├── project-img.jpg ├── 1718231391870.jpg ├── profile-pic-2.png ├── DNDcanadianFLAG.jpg ├── Logo_NewColours.png ├── gym-app-preview.jpg ├── cinemas_guzzo_logo.jpg ├── icons8-favicon-64.png ├── sysdev-login-preview.jpg ├── car-reservation-preview.png ├── mcgill-university-logo.jpg ├── Event Card Geekfest 2023.png ├── school-registration-preview.png ├── aw_food_services_of_canada_logo.png ├── Harvard_University_coat_of_arms.svg.png ├── email-marketing-for-travel-agents_1200.webp ├── LogoTokidos_400_Darkmode_576592a1-ba79-4802-9ac2-7a93e50c899e.avif └── Andritz_Logo.svg ├── robots.txt ├── .gitignore ├── sitemap.xml ├── script.js ├── style.css ├── README.md └── index.html /assets/arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/arrow.png -------------------------------------------------------------------------------- /assets/email.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/email.png -------------------------------------------------------------------------------- /assets/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/github.png -------------------------------------------------------------------------------- /assets/mcgill.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/mcgill.svg -------------------------------------------------------------------------------- /assets/linkedin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/linkedin.png -------------------------------------------------------------------------------- /assets/about-pic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/about-pic.png -------------------------------------------------------------------------------- /assets/checkmark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/checkmark.png -------------------------------------------------------------------------------- /assets/cs50Finance.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/cs50Finance.png -------------------------------------------------------------------------------- /assets/education.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/education.png -------------------------------------------------------------------------------- /assets/experience.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/experience.png -------------------------------------------------------------------------------- /assets/hqdefault.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/hqdefault.jpg -------------------------------------------------------------------------------- /assets/profile-pic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/profile-pic.png -------------------------------------------------------------------------------- /assets/project-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/project-1.png -------------------------------------------------------------------------------- /assets/project-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/project-2.png -------------------------------------------------------------------------------- /assets/project-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/project-3.png -------------------------------------------------------------------------------- /assets/project-img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/project-img.jpg -------------------------------------------------------------------------------- /assets/1718231391870.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/1718231391870.jpg -------------------------------------------------------------------------------- /assets/profile-pic-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/profile-pic-2.png -------------------------------------------------------------------------------- /robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Allow: / 3 | 4 | Sitemap: https://matthewmacri.github.io/Portfolio-Website-Project/sitemap.xml -------------------------------------------------------------------------------- /assets/DNDcanadianFLAG.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/DNDcanadianFLAG.jpg -------------------------------------------------------------------------------- /assets/Logo_NewColours.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/Logo_NewColours.png -------------------------------------------------------------------------------- /assets/gym-app-preview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/gym-app-preview.jpg -------------------------------------------------------------------------------- /assets/cinemas_guzzo_logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/cinemas_guzzo_logo.jpg -------------------------------------------------------------------------------- /assets/icons8-favicon-64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/icons8-favicon-64.png -------------------------------------------------------------------------------- /assets/sysdev-login-preview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/sysdev-login-preview.jpg -------------------------------------------------------------------------------- /assets/car-reservation-preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/car-reservation-preview.png -------------------------------------------------------------------------------- /assets/mcgill-university-logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/mcgill-university-logo.jpg -------------------------------------------------------------------------------- /assets/Event Card Geekfest 2023.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/Event Card Geekfest 2023.png -------------------------------------------------------------------------------- /assets/school-registration-preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/school-registration-preview.png -------------------------------------------------------------------------------- /assets/aw_food_services_of_canada_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/aw_food_services_of_canada_logo.png -------------------------------------------------------------------------------- /assets/Harvard_University_coat_of_arms.svg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/Harvard_University_coat_of_arms.svg.png -------------------------------------------------------------------------------- /assets/email-marketing-for-travel-agents_1200.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/email-marketing-for-travel-agents_1200.webp -------------------------------------------------------------------------------- /assets/LogoTokidos_400_Darkmode_576592a1-ba79-4802-9ac2-7a93e50c899e.avif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MatthewMacri/Portfolio-Website-Project/HEAD/assets/LogoTokidos_400_Darkmode_576592a1-ba79-4802-9ac2-7a93e50c899e.avif -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Ignore Node and build artifacts (in case you use tools like Webpack later) 2 | node_modules/ 3 | dist/ 4 | build/ 5 | 6 | # Ignore system files 7 | .DS_Store 8 | Thumbs.db 9 | 10 | # Ignore log files 11 | *.log 12 | 13 | # Ignore temporary/editor files 14 | *.swp 15 | *.swo 16 | *.bak 17 | *.tmp 18 | *.orig 19 | 20 | # Ignore Netlify settings (if not used) 21 | netlify.toml 22 | 23 | # Ignore Mac/VSCode junk 24 | .vscode/ 25 | .idea/ 26 | 27 | # Ignore Python stuff (in case any script snuck in) 28 | __pycache__/ 29 | *.py[cod] 30 | 31 | # Optional: ignore secret config files (Firebase keys etc. if added later) 32 | .env 33 | .env.* 34 | 35 | # Output folders (optional) 36 | .sass-cache/ 37 | .cache/ 38 | out/ 39 | 40 | # Ignore zip exports (if you ever export the site or bundle it) 41 | *.zip -------------------------------------------------------------------------------- /sitemap.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | https://matthewmacri.github.io/Portfolio-Website-Project/ 5 | weekly 6 | 1.0 7 | 8 | 9 | https://matthewmacri.github.io/Portfolio-Website-Project/#about 10 | monthly 11 | 0.8 12 | 13 | 14 | https://matthewmacri.github.io/Portfolio-Website-Project/#experience 15 | monthly 16 | 0.8 17 | 18 | 19 | https://matthewmacri.github.io/Portfolio-Website-Project/#projects 20 | monthly 21 | 0.7 22 | 23 | 24 | https://matthewmacri.github.io/Portfolio-Website-Project/#contact 25 | monthly 26 | 0.7 27 | 28 | -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | // Wait for DOM to load before applying behaviors 2 | document.addEventListener('DOMContentLoaded', () => { 3 | 4 | // Scroll-in section animation using IntersectionObserver 5 | const observer = new IntersectionObserver(entries => { 6 | entries.forEach(entry => { 7 | if (entry.isIntersecting) { 8 | entry.target.classList.add('visible'); 9 | } 10 | }); 11 | }, { threshold: 0.1 }); 12 | 13 | document.querySelectorAll('section').forEach(section => observer.observe(section)); 14 | 15 | // Initialize particles.js background 16 | particlesJS('particles-js', { 17 | particles: { 18 | number: { value: 60 }, 19 | color: { value: '#3b82f6' }, 20 | shape: { type: 'circle' }, 21 | opacity: { value: 0.5 }, 22 | size: { value: 3 }, 23 | line_linked: { 24 | enable: true, 25 | distance: 120, 26 | color: '#60a5fa', 27 | opacity: 0.4, 28 | width: 1 29 | }, 30 | move: { 31 | enable: true, 32 | speed: 2, 33 | attract: { enable: true, rotateX: 600, rotateY: 1200 } 34 | } 35 | }, 36 | interactivity: { 37 | detect_on: "canvas", 38 | events: { 39 | onhover: { enable: true, mode: "repulse" }, 40 | onclick: { enable: true, mode: "push" } 41 | }, 42 | modes: { 43 | repulse: { distance: 100 }, 44 | push: { particles_nb: 4 } 45 | } 46 | } 47 | }); 48 | 49 | // Theme toggle between dark/light mode 50 | document.getElementById("theme-toggle").addEventListener("click", () => { 51 | document.body.classList.toggle("light-mode"); 52 | }); 53 | 54 | // Animate on Scroll (AOS) initialization 55 | AOS.init({ duration: 1200 }); 56 | 57 | }); 58 | -------------------------------------------------------------------------------- /assets/Andritz_Logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | 12 | 14 | 17 | 18 | 20 | 23 | 24 | 26 | 29 | 30 | 32 | 35 | 36 | 37 | 40 | 43 | 47 | 51 | 55 | 59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | /* style.css */ 2 | :root { 3 | --primary-bg: #0d0d0d; 4 | --secondary-bg: #27273f; 5 | --text-light: #fafafa; 6 | --accent: #00bfff; 7 | --accent-hover: #009acd; 8 | 9 | --light-bg: #f0f2f5; 10 | --light-text: #333333; 11 | --light-accent: #007bff; 12 | --light-accent-hover: #0056b3; 13 | } 14 | 15 | body { 16 | font-family: 'Poppins', sans-serif; 17 | background: var(--primary-bg) no-repeat center/cover fixed; 18 | color: var(--text-light); 19 | transition: background 0.3s, color 0.3s; 20 | } 21 | .light-mode { 22 | background: var(--light-bg); 23 | color: var(--light-text); 24 | } 25 | 26 | .navbar { 27 | padding: 1rem 0; 28 | background: transparent; 29 | } 30 | .navbar-brand, 31 | .nav-link { 32 | color: var(--text-light) !important; 33 | font-weight: 600; 34 | } 35 | .nav-link:hover { 36 | color: var(--accent) !important; 37 | } 38 | .light-mode .navbar-brand, 39 | .light-mode .nav-link { 40 | color: var(--light-text) !important; 41 | } 42 | .light-mode .nav-link:hover { 43 | color: var(--light-accent) !important; 44 | } 45 | 46 | .hero { 47 | background: linear-gradient(135deg, rgba(0,0,0,0.6), rgba(0,0,0,0.3)), url('./assets/hero-bg-2.jpg') center/cover no-repeat fixed; 48 | height: 100vh; 49 | display: flex; 50 | align-items: center; 51 | justify-content: center; 52 | text-align: center; 53 | } 54 | .text-accent { 55 | color: var(--accent); 56 | } 57 | .light-mode .text-accent { 58 | color: var(--light-accent); 59 | } 60 | 61 | .btn-outline-light { 62 | border: 2px solid var(--text-light); 63 | color: var(--text-light); 64 | background: transparent; 65 | transition: background 0.3s, color 0.3s; 66 | } 67 | .btn-outline-light:hover { 68 | background-color: var(--accent); 69 | color: #fff; 70 | } 71 | .light-mode .btn-outline-light { 72 | border-color: var(--light-text); 73 | color: var(--light-text); 74 | } 75 | .light-mode .btn-outline-light:hover { 76 | background-color: var(--light-accent); 77 | color: #fff; 78 | } 79 | 80 | .section-title { 81 | font-size: 2.5rem; 82 | color: var(--text-light); 83 | position: relative; 84 | text-align: center; 85 | margin-bottom: 2rem; 86 | } 87 | .section-title::after { 88 | content: ''; 89 | display: block; 90 | width: 60px; 91 | height: 4px; 92 | background: var(--accent); 93 | margin: 1rem auto 0; 94 | } 95 | .light-mode .section-title { 96 | color: var(--light-text); 97 | } 98 | .light-mode .section-title::after { 99 | background: var(--light-accent); 100 | } 101 | 102 | .section-bg { 103 | background: var(--secondary-bg); 104 | padding: 5rem 0; 105 | } 106 | .light-mode .section-bg { 107 | background: #fff; 108 | } 109 | 110 | .card-custom { 111 | background: rgba(13,13,13,0.7); 112 | border-radius: 1rem; 113 | box-shadow: 0 6px 20px rgba(0,0,0,0.4); 114 | transition: transform 0.3s, box-shadow 0.3s; 115 | display: flex; 116 | flex-direction: column; 117 | justify-content: space-between; 118 | height: 100%; 119 | } 120 | .card-custom:hover { 121 | transform: translateY(-8px); 122 | box-shadow: 0 8px 30px rgba(0,0,0,0.6); 123 | } 124 | .light-mode .card-custom { 125 | background: #fff; 126 | box-shadow: 0 4px 15px rgba(0,0,0,0.1); 127 | } 128 | 129 | .project-img { 130 | display: block; 131 | margin: 0 auto 1rem; 132 | max-width: 100%; 133 | max-height: 120px; 134 | width: auto; 135 | height: auto; 136 | object-fit: contain; 137 | } 138 | 139 | .img-fit { 140 | width: 100%; 141 | height: 180px; 142 | object-fit: contain; 143 | margin-bottom: 1rem; 144 | } 145 | 146 | .profile-pic-small { 147 | width: 300px; 148 | height: auto; 149 | object-fit: contain; 150 | border: none; 151 | border-radius: 8px; 152 | background-color: #fff; 153 | display: block; 154 | margin: 0 auto 1rem; 155 | } 156 | 157 | .light-mode .profile-pic-small { 158 | border-color: var(--light-accent); 159 | } 160 | 161 | footer { 162 | background: #111122; 163 | color: var(--text-light); 164 | padding: 1rem 0; 165 | text-align: center; 166 | } 167 | .light-mode footer { 168 | background: #e0e2e5; 169 | color: var(--light-text); 170 | } 171 | 172 | @media (max-width: 768px) { 173 | .hero h1 { 174 | font-size: 2.5rem; 175 | } 176 | .hero p { 177 | font-size: 1rem; 178 | } 179 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # My Personal Portfolio 2 | 3 | Welcome to my personal website, [matthew-macri.com](https://matthewmacri.github.io/Portfolio-Website-Project/), a comprehensive portfolio and professional hub showcasing my technical expertise, projects, and work experience. I've designed this site to offer a clean and engaging user experience, highlighting my skills and achievements across various sections. On the home page, you'll find an introduction to me, featured projects, and the latest blog posts. 4 | 5 | In the "About Me" section, you can read an in-depth look at my biography, including my professional journey, education, personal interests, technical skills, and multilingual capabilities in English, French, and Spanish. My professional journey has been diverse and enriching, providing me with a robust skill set that I continuously develop. I have a strong foundation in computer science, having pursued my studies at Vanier College, where I honed my skills in various programming languages, including PHP, and developed a deep understanding of Linux and Ubuntu systems. My multilingual abilities enable me to communicate effectively in diverse environments, enhancing my ability to collaborate on international projects and with global teams. 6 | 7 | In the "Projects" section, I've included a portfolio of my work, with descriptions, technologies used, and links to repositories or live demos. Each project represents a significant learning experience and an opportunity to solve real-world problems using technology. Some projects feature detailed case studies, outlining the problem, solution, and impact. These case studies provide insight into my problem-solving approach, the technologies I employed, and the outcomes achieved. I believe that sharing these detailed narratives helps others understand the depth and breadth of my technical expertise and the practical applications of my skills. 8 | 9 | The blog section contains articles and tutorials on various technology topics, organized for easy navigation. Through my blog, I aim to share knowledge, provide insights into the latest industry trends, and offer tutorials that can help others in their learning journeys. The articles cover a wide range of subjects, from programming tips and tricks to in-depth analyses of emerging technologies. I am passionate about continuous learning and enjoy sharing my discoveries and insights with the community. The blog section is regularly updated with new content, reflecting my ongoing engagement with the tech world and my commitment to staying current with industry developments. 10 | 11 | In the "Resume" section, you'll find detailed descriptions of my work experience, particularly my role as a Field Service Technician at the Department of National Defence, where I focus on resolving technical issues, managing IT assets, and conducting training sessions. My role at the Department of National Defence has been instrumental in developing my problem-solving skills and my ability to work under pressure. It has provided me with hands-on experience in a high-stakes environment, where precision and reliability are paramount. This experience has not only enhanced my technical skills but also honed my ability to communicate complex technical information effectively. 12 | 13 | Additionally, this section includes my educational background, highlighting my Computer Science studies at Vanier College. My education has provided me with a solid foundation in computer science principles and practices, which I continually build upon through practical experience and self-directed learning. You can also download my resume in PDF format, which provides a comprehensive overview of my skills, experiences, and accomplishments. 14 | 15 | If you'd like to get in touch, the "Contact" section includes a form for professional inquiries and links to my social media profiles. Networking and collaboration are essential aspects of my professional life, and I am always open to new opportunities and connections. Whether you have a question, a project proposal, or just want to connect, feel free to reach out through the contact form or via my social media profiles. I am committed to responding promptly and engaging meaningfully with all inquiries. 16 | 17 | My website is hosted on Netlify, ensuring fast load times and reliable performance. Netlify's robust hosting capabilities ensure that my website is always accessible and performs optimally, providing visitors with a smooth and responsive experience. The site features a fully responsive design, built with modern web technologies to ensure compatibility across various devices and screen sizes. Whether you are browsing on a desktop, tablet, or mobile device, you can expect a seamless and enjoyable experience. 18 | 19 | This website is still under development, meaning that I am constantly working on it in my free time. I believe that a portfolio is a dynamic representation of one's professional journey, and as such, I am committed to continuously updating and improving the site. I appreciate your visit and your interest in my work. Please check back regularly for updates and new content. Thank you for visiting! 20 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Matthew Macri | Software Developer Portfolio 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 39 | 40 | 41 |
42 |
43 |

Hello, I'm Matthew Macri

44 |

Aspiring software developer eager to turn ideas into reality with code.

45 | Let's Connect 46 |
47 |
48 | 49 | 50 |
51 |
52 |

About Me

53 |
54 |
55 |
56 |

I’m currently pursuing a DEC in Computer Science Technology at Vanier College, making the Dean’s List three times. Passionate about building efficient, user-friendly apps and learning new technologies.

57 |
Skills:
58 |
59 | HTML 60 | CSS 61 | JavaScript 62 | Java 63 | C# 64 | PHP 65 | Flutter 66 | AWS 67 | MySQL 68 | SQLite 69 | Git 70 | Linux 71 | Apache 72 | EC2 73 | Bootstrap 74 | JSON 75 | Shell Scripting 76 |
77 |
78 |
79 |
80 |
81 | Vanier College Logo 82 |
Vanier College
83 |

Shaping tech innovators.

84 |
85 |
86 |
87 |
88 |
89 | 90 | 91 |
92 |
93 |

Experience

94 |
95 | 96 | 97 |
98 |
99 | Tokidos Logo 100 |
Full-stack Developer – Tokidos
101 |

May 2025 – Present

102 |

Building internal full-stack tools at Tokidos to support customer service and operations workflows.

103 |
104 |
105 | 106 | 107 |
108 |
109 | DND Logo 110 |
Field Service Technician – DND
111 |

May 2024 – Aug 2024

112 |

IT support, backups, and training across Quebec.

113 |
114 |
115 | 116 | 117 |
118 |
119 | Tokidos 121 |
Customer Support – Tokidos
122 |

Nov 2024 – Present

123 |

Shopify Inbox support & AWS CloudWatch analysis.

124 |
125 |
126 | 127 | 128 |
129 |
130 | Andritz 131 |
Facility Caretaker – Andritz
132 |

Dec 2024 – Present

133 |

Maintenance, inspections, and logistics coordination.

134 |
135 |
136 | 137 |
138 |
139 |
140 | 141 | 142 |
143 |
144 |

Projects & Hackathons

145 |
146 | 147 |
148 |
149 | VanierHacks 150 |
VanierHacks 2025
151 |

Honourable mention for coding quality.

152 |
153 |
154 | 155 |
156 |
157 | McGill Hackathon 158 |
McGill Physics Hackathon 2023
159 |

Real-time simulations & data viz.

160 |
161 |
162 | 163 |
164 |
165 | Tokidos KPI Dashboard 166 |
Tokidos KPI Dashboard
167 |

Live business metrics dashboard using PHP, JSON, and SQLite on EC2.

168 |
169 |
170 | 171 |
172 |
173 | Tokidos Support Dashboard 174 |
Tokidos Support Dashboard
175 |

Error-tracking tool for customer ops using PHP, automation, and SQLite on EC2.

176 |
177 |
178 | 179 |
180 |
181 | Bell Hackathon 182 |
Bell Hackathon 2023
183 |

Secure vault app with sleek UI.

184 |
185 |
186 | 187 |
188 |
189 | Inventory Management System 190 |
Project/Inventory Management System
191 |

A PHP & Vite-powered web app. Secure login, CRUD, 2FA, QR export, role-based access.

192 | Live Demo 193 | View Code 194 |
195 |
196 | 197 |
198 |
199 | School Registration System 200 |
School Registration System
201 |

Java portal for students, teachers & admins. OOP, DS, design patterns.

202 | View Code 203 |
204 |
205 | 206 |
207 |
208 | Flutter Gym App 209 |
Gym App (Flutter)
210 |

Workout logging, user login & smooth navigation in Flutter.

211 | View Code 212 |
213 |
214 | 215 |
216 |
217 | Car Reservation System 218 |
Car Reservation System
219 |

C# desktop app. Admin/Customer roles, availability filtering, multilingual UI.

220 | View Code 221 |
222 |
223 |
224 |
225 |
226 | 227 | 228 |
229 |
230 |

Get in Touch

231 |

Email: matthewmacri11@gmail.com

232 |

LinkedIn: /in/m-macri

233 |
234 |
235 | 236 | 239 | 240 | 241 | 242 | 243 | 246 | 247 | --------------------------------------------------------------------------------