This repository is a collection of projects that reflects the past, present, and future of my journey and growth as a full stack web developer.
Table of Contents
Welcome to my Developer Showcase! The goal of this project is to showcase my ability to solve real-world problems using innovative web technologies as well as my commitment to building accessible and impactful digital solutions.
Through these projects, I aim to show:
💻 Technical Proficiency: Mastery of modern web technologies and frameworks.
🧩 Problem-Solving Skills: Ability to tackle complex challenges and deliver effective solutions.
🎨 Creative Thinking: Innovative approaches to design and functionality.
🤝 Commitment to Accessibility: Ensuring that technology is inclusive and accessible to everyone.
🛠 Diverse Projects: A variety of applications and solutions across different domains, highlighting my versatility and expertise in multiple technologies.
📝 Code Quality: Clean, efficient, and well-documented code that adheres to industry best practices and standards.
💡 Innovative Solutions: Projects designed to address specific challenges, focusing on usability, performance, and scalability.
🌍 Community Impact: Applications aimed at making a difference, especially in areas like mental healthcare and educational accessibility
I used a number of technologies to build the projects in this repository. Here are some of the key technologies I have worked
✴︎ Name: Matthew Garry
✴︎ Background: Graduate from a MERN stack bootcamp, currently expanding my skills in TypeScript and Next.js. I have a background in the restaurant industry in nearly every role, from server to busser to expo to line cook. I have a passion for learning and a drive to succeed in the tech industry.
✴︎ Experience: Proven track record in agency web development, specializing in creating fast, appealing, and accessible web applications. I have the ability to deliver high-quality full-stack solutions that meet client needs and exceed expectations.
✴︎ Colaboration: I thrive in team settings, working with other developers, designers, and content creators to produce high-performing and innovative web experiences. My experience in the restaurant industry has given me the ability to work well with others and communicate effectively in high-pressure situations. My experience in MERN stack bootcamp and tech industry have given me the ability to use version control systems like Git and GitHub, work with other developers on the same codebase, and communicate effectively in a remote setting.
✴︎ Skills: I excel as a full stack web developer. I have experience with a range of technologies, including React,Nextjs, Node.js, Express, MongoDB, TailwindCSS, Shadcn, Prisma, MySQL, and PostgreSQL. I have experience with front-end technologies like HTML, CSS, and JavaScript, as well as back-end technologies like Node.js, Express, and MongoDB. I have experience with version control systems like Git and GitHub.
✴︎ Mission: To create innovative, accessible, and impactful digital solutions that make a difference in people's lives. I want to develop applications that offer vital services and improve quality of life specifically to users in underserved and underrepresented communities, with a special focus on mental healthcare and educational accessibility for people of all ages, income statuses, abilities, and backgrounds.
🛠 Diverse Projects: A variety of applications and solutions across different domains, highlighting my versatility and expertise in multiple technologies.
📝 Code Quality: Clean, efficient, and well-documented code that adheres to industry best practices and standards.
💡 Innovative Solutions: Projects designed to address specific challenges, focusing on usability, performance, and scalability.
🌍 Community Impact: Applications aimed at making a difference, especially in areas like mental healthcare and educational accessibility.
Flix was the first full MERN stack project I worked on. It was the end of my coding bootcamp, the assignment was to build a full stack MERN stack application, and I my group and I had a week to work on it. This project was a video streaming application that allowed users to create an account, login in, and be able to search for any video. The user will see multiple videos on the dashboad and also see a search button. Using the search button and typing anything a video will then pop up based on their search name. This application was built with React, Graphql, and CSS. It was my first time working on a real project with React as wel as Graphql, so it was a great learning experience. I had a great time working on this project and I think the team came together and did a great job.
One particular challenge I overcame during this project was deploying the application to heroku. Like I said, it was the first MERN stack application I worked on and I had never solo deployed an application to heroku before. After hours of trying and failing to deploy the application, agonizing over the idea of letting my group down, I finally figured out what I was doing wrong and was able to deploy the application on the evening of the due date. This project is 3 momths after I first wrote a line of code. I have come a lon way since then however the moment I successfully deployed the application to heroku was the moment I knew I could do this. I could be a web developer.
Tasks is a group project I worked on about midway through my coding bootcamp. The project is a task managment application that allows a user to create an account, login, create tasks, save tasks to the database, and delete tasks. The user can also mark tasks as complete, incomplete, and completed and assign users to teams. This frontend of this project was templated with Handlebars.js and styled with CSS. The backend of this project was built using express, nodejs, mysql, and sequelize.
I didn't touch the frontend of this project. I was tasked with building the architecture and structure of the repository, building the database, modeling with sequelize, routing, and authenctication. I thoroughly enjoyed working on this project and I'm super proud of it. We had 4 days to put this app together and orginally authentication was supposed to be one of the requirments. However since we didn't have time to go over authentication in class, my professor told us not to worry about it.
I decided to take it upon myself to learn how to implement authentication on this project. That was one of the best decisions I made in that course, not just because we successfully implemented the authentication, but because before this project I was having some trouble grasping REST API's and how to build them correctly. In order to implement the authentication I had to learn how REST API's work and how to build them correctly. I learned about how to use Insomnia and Postman for this project. I learned how to find a package and make it work after googling authentication npms and finding passport. I also took the lead on the github and project architecture on this project. Looking back on this I can't believe we pulled this off in the time we had. With the knowledge and experience level I had at the time. I'm really proud of this project.
WriteMyReadme was one of the first projects I used nodejs on. I was tasked with creating a CLI readme generator that would take in user input and generate a readme file. This project was a great learning experience for me. I learned how to install and use npm packages, how to use nodejs, and how to use the command line in general. I was surprsied by how much I enjoyed working on this project and how much I liked working with nodejs. I learned how to use the inquirer npm package, how to use the fs package, and how to use the command line. I also learned how to use markdown and how to write a readme file. This project was a great learning experience for me and I am proud of the work I did on it. Hop over to the repo and read the actual readme to install it and try it out. I think you will enjoy it.
This is an example from the agency I worked at as a web developer. I was tasked with building a business to business website for a customer using Wordpress and Oxygen Builder which was an unfamliar experience to me and the production site came out pretty good. I built the site from scratch with only a landing page design. I figured out a way to make the site look good and be responsive on all devices. While I was working on the project I learned how to use Oxygen Builder and Wordpress. What I want to show off is that I got the opportunity to do some really cool frontend work. There's a binary matrix on the page that wasn't in the design but I had the idea and my boss gave me the go ahead. All of the animations on the page were done by me as well. I'm proud of the work I did on this project under the circumstances and I think the site came out pretty good.
Here's a recording of the binary matrix I made:
Here's a teaser of what's to come from me. This is a project I started yesterday night. I'm not ready to go into too much detail about, but it's a hero built with Nextjs and Shadcn. I'm really excited about this project and I can't wait to show it off.
Pixel Path is a unique productivity hub, designed by and for individuals with ADHD, to transform task management into an engaging adventure. Combining the charm of pixel art with game-like dynamics, Pixel Path motivates and assists users in managing their daily lives effectively and joyfully.
- 🎮 Gamified Approach: Engaging and rewarding application that rewards users for getting their tasks done with experience, sweet 8-bit tunes, and a engaging overworld map that can acts as a visual dashboard for the application.
- 🦹🏽♀️ Avatar Creation: Ability to create and customize 8-bit avatars to represent each user. As a user progresses in level they're rewarded with random outfit drops and other rewards.
- 🧏🏿 Accessible task management: Task management designed to trigger the unique rewards system of the ADHD mind.
- 🛟 Safe communal spaces: For users to connect, share experiences, and build a sustainable support system.
Planned Tech Stack:
An open source free educational platform aimed at teaching tech to people of all ages, incomes, and skill levels, focusing on:
- 🖥️ Flexible Interactive Lessons: Engaging courses and innovative approaches to enhance learning experiences.
- 🎯 Personalized Learning Paths: Tailored resources to meet individual needs and schedules.
- 🔍 Accessibility Features: Tools to ensure content is available to everyone.
- 🌐 Community Support: Forums, chat rooms, and mentorship programs to foster collaboration and growth
Planned Tech Stack:
A social networking application focused on building genuine connections through web accessibility, featuring:
- 🎨 Profile Customization: Unique features to express individuality.
- 🤝 Interest-Based Networking: Connecting users with similar passions.
- ♿ Inclusive Design: Accessibility-first approach for all users.
Planned Tech Stack:
See each individual project for licensing information.
This repository is licensed under the MIT License
LinkedIn:
Email:
GitHub:
Project Link: https://github.com/mhgarry/developer_showcase
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent