Hello.
My name is Michael Barry

Know more

About me

Profile Image

I'm a self-taught full stack web developer with a passion for React and its ecosystem. My technical toolkit includes Node.js, Express, PostgreSQL, Auth0, Mapbox, and a variety of React libraries like Material UI, Styled Components, React Query, and Chart.js. My expertise extends to Next.js, Supabase, Vercel, PHP, WordPress, Drupal, MongoDB, Firebase, Python, and more. I'm fascinated by AI's potential and actively explore its applications.

At LRE Water, I'm the lead web developer creating fast and user-friendly interfaces with advanced data management, analysis, and visualization capabilities. As the sole in-house developer, I'm intricately involved in every phase of application development, from conception to support, managing over 40 legacy projects and introducing over 20 new ones.

In 2022, I founded Michael Barry Web Development, a venture that began with a collaboration on a PS2 Platform for PineSpire. My role involved significant contributions to the UI of their Electrification Platform.

My background also includes a rich and diverse experience in the restaurant industry, having managed high-volume units in Disney World, fine-dining establishments in Boston, a vibrant tapas bar, and a 16-venue food hall in Denver through the challenges of the Covid-19 pandemic.

Outside of programming, I'm an avid cook, CrossFit competitor, explorer of Maine's natural beauty, strategy board game enthusiast, and a dedicated family man to my fiancée Taylor, our daughter Evie, and our beloved pets Delphin 🐶, Elsa 🐺, Eddy 🐱, and Pongo 🐰.

View Resume

Projects

Professional

Clearwater Underground Water Conversation District Dashboard
Featuring:
Interactive Public Map

This interactive map, developed for CUWCD, serves as a vital tool for public information and groundwater management in Bell County, Texas. It integrates over 5000 wells, 40 map layers, and multiple databases, offering functionalities like search and filter, data analytics through graphs and charts, map drawing tools, PDF printing, Excel exports, and comprehensive reports. Built using React and Mapbox, the application is powered by NodeJS and PostgreSQL, and is enhanced with Material UI, Styled Components, Chart.js, React Query, custom React Hooks, and Sequelize. It's hosted on AWS EC2 and deployed via Netlify and Heroku.

See Live Source Code

Idaho Surface Water Coalition Dashboard
Featuring:
Data Analytics Tools

These data analytic tools were developed for the Idaho Surface Water Coalition to enhance understanding and research into hydrological trends. The Time Series Comparison Graph offers features for comparing multiple locations and parameters, complete with print functionality, data exports, map integration, and interactive graphics. The Hydrologic Health tool provides a visual representation of various analytical aggregations, allowing for adjustable timespans, detailed filtering, and in-depth exploration of specific locations. Both tools are built using React and Mapbox, backed by NodeJS and PostgreSQL, and are further enhanced with Material UI & Styled Components. Additional resources include Chart.js, React Query, Sequelize, and hosting on AWS EC2, with deployment through Netlify and Heroku.

See Live Source Code

PineSpire Customer Dashboard
Featuring:
PS2 Platform

Served as a consultant and had a strong focus developing UI features of the Electrification Dashboard that allows customers to explore their vehicle fleet data, total energy usage, and generated carbon credits. Built with React, Next.js, Supabase, and Vercel.

About

Denver Metro Water Quality Assessment Tool Dashboard
Featuring:
Map Graphing Explorer

This dashboard for the South Platte Urban Waters Partnership provides a comprehensive tool for decision-makers, researchers, and the public to assess the health of rivers and streams in the Denver Metro area. It features interactive maps, graphs, reports, and narratives that facilitate a deeper understanding of pollution and strategies for water quality improvement. Users can explore various water quality parameters, view time series data, and apply dynamic filters for period, analysis type, record count, parameter group, and specific attributes through a fuzzy search function. The tool is built with React and Mapbox, powered by NodeJS and PostgreSQL, and enhanced with Material UI, Styled Components, Fuse.js, Recharts, React Query, Sequelize. It is hosted on AWS EC2 and deployed via Netlify and Heroku.

See Live Source Code

Various CRUD User Interfaces

These CRUD UIs are designed to provide clients and internal staff with intuitive tools for visualizing and manipulating data. The applications facilitate a range of functions, including the creation and updating of entities, establishing relational associations, managing rolodexes, fulfilling county/state data requirements, and enabling clients to add attachments to entries. Built primarily with React, NodeJS, and PostgreSQL, these interfaces are further enhanced by Material UI (including Table & UIX Grid) and Styled Components. Additional resources include React Query, Sequelize, Formik, Mapbox, context, and Redux. The dashboards are hosted on Netlify and Heroku, with attachment storage on AWS S3 Buckets, and user authentication managed through Auth0.

Source Code & Live Demo Available on Request

Additional Time Series Charts & Reports

These tools, comprising various charts and reports, are designed to empower clients and internal staff with the ability to visualize, analyze, and print their data in visually appealing formats. The time series graphs are highly dynamic and interactive, featuring zoom and pan capabilities across both axes, and are linked to filterable and exportable tables. The data powering these tools is sourced from PostgreSQL tables and views, with API calls handled through axios, React Query, NodeJS, and Sequelize.

The reports are optimized for hassle-free printing, allowing direct conversion to PDF or Excel formats without any additional edits required by the user.

Built primarily with React, NodeJS, and PostgreSQL, these tools are enhanced by Material UI (including Table & UIX Grid) and Styled Components. They also incorporate React Query, Sequelize, Fuse.js, Recharts, and Chart.js. The dashboards are hosted on Netlify and Heroku, utilize AWS S3 Buckets for attachment storage, and leverage Auth0 for user authentication.

Source Code & Live Demo Available on Request

LRE Rebranded Website

I oversee the finalization, deployment, and maintenance of Leonard Rice Engineers’ modern website, which is based on the Jamstack architecture. The site features content and media fully managed through Directus, an open-source Headless CMS and API. Developed using Next.js, Directus CMS, Material UI, and React, the website is not only constantly evolving but also fully responsive, ensuring optimal user experience across devices.

See Live Source Code
Personal

MERN Stack E-Commerce

I developed a functional and responsive e-commerce website to bolster my girlfriend Taylor's clothing reselling business. Utilizing the MERN stack (MongoDB, Express, React, Node.js), the site is enhanced with Redux for efficient state management, the PayPal API for secure payments, and bcrypt for robust encryption and authentication. It adheres to RESTful conventions, offering distinct CRUD operations for viewers, account users, and admins. The site features over 600 listings, which I successfully scraped from her Poshmark account using Python and Selenium.

See Live Source Code

Automated Poshmark, Mercari, and Facebook Marketplace Bot

For my inaugural project, I crafted several scripts to assist my girlfriend's online clothing resale business, harnessing the power of Python, Selenium, and JavaScript. The initial script efficiently sifts through her numerous Poshmark listings, aggregating all relevant details into an Excel document. This paved the way for automating the relisting of items on Mercari and Facebook. Additionally, I developed a script to follow thousands of Poshmark users, boosting her account's visibility. The final script, designed to reshare her listings, operates nearly around the clock. This suite of tools has not only markedly boosted her sales and saved countless hours of manual work but also ignited my passion for development.

Source Code

Visualization of Denver Poverty by Neighborhood

This was an open-source collaboration with 'Code for Denver,' a volunteer group dedicated to developing applications, software, and websites that address the needs of non-profits, local government, and the community. This project leveraged the Mapbox API and Denver's public records to create a map offering enhanced visual functionality. Its motive was to support potential poverty reform agendas by providing a clearer understanding of urban development and integrate a historical timeline of data allowing users to visually trace the evolution of neighborhoods over the years.

See Live Source Code

Contact

Open to opportunities.

Let's grab a coffee.


(or a virtual one)

Contact me