Full Stack Engineer // UI Designer
I design and build experiences users love
About
What I do for a living
My Story
Hi, I’m Michael Datelle, I’m an experienced Software Engineer and UI Designer. My experience dates back to the early 2000’s where I began my career as a web designer. I eventually moved into the engineering side of things and became a full stack software engineer. This broad professional experience has helped in becoming a trusted liaison between design and engineering teams in the roles I’ve held.
I recently launched my own B2C SaaS product called Stashit, which provides a centralized system for organizing emails, attachments, files, images, and web content, making cloud storage more efficient and accessible for users that want to stay organized.
My Skill Set
Front-end development
Extensive development experience in HTML, CSS, JS, TS, React, Angular and Next.js frameworks.
Back-end development
Experienced with RESTFul API’s, PHP, MySql, Postgres, Redis, and Node.js.
UX/UI
Passionate about designing and implementing the perfect user journey. Skilled with Figma, Photoshop and Illustrator.
Projects
Recent projects I’ve worked on
Work
My professional work experience
PVM - Sr. Engineer
Sep 2022 - Present-
Designed and developed a Next.js application from concept to completion for the Pinellas County School Board. The application is being used to share Power BI reports with district employees and utilizes the Power BI Embedded API.
-
Designed the UX, wireframes, and high-fidelity mock-up designs using Figma.
-
Utilized the Power BI Embedded API to enable the School Board to easily share reports throughout the district through a single public-facing application.
-
Set up the CI/CD deployment pipeline for multiple environments using GitHub actions connected to Azure Static Web App instances.
-
Presented at workshops held for the School Board to train and consult them in their recommended adoption of GitHub.
-
Participated in sprint reviews, refinements, planning, and grooming sessions.
-
Leading the design and development of a Next.js powered public-facing website that provides flood monitoring data, and historical water level rise for USF’s Flood Hub Research and Innovation division.
Skills: Microsoft Azure, CI/CD, Palantir Foundry, Figma, WebStorm, TypeScript, Chakra UI, Emotion CSS, React Testing Library, Git, GitHub Actions, Next.js, Power BI Embedded, and Jira.
Stashit - Founder
Oct 2021 - Present-
Designed, developed, and launched a cloud storage-based SaaS product called Stashit.
-
Architected and implemented a robust backend API using TypeScript with the NestJS framework, ensuring scalability and performance optimization.
-
Managing a cloud-hosted Redis environment, which is used for caching, user session handling, and background job queue management to enhance system efficiency.
-
Designed, architected, and built a separate React front-end using Figma, Styled Components, Chakra UI, and React Query for server state management.
-
Designed and developed a marketing-centric landing page, using Figma and the Astro Framework for development, to effectively communicate the value proposition of Stashit.
-
Established CI/CD pipelines using GitHub Actions providing automated deployments to a managed Kubernetes cluster for back-end services and to Digital Ocean and Hetzner Servers for front-end hosting.
-
Managing two separate instances of all services for both the US and Europe to maintain GDPR compliance.
-
Developed a companion Google Chrome extension for clipping web snippets that can be sent and stored in Stashit.
-
Integrated the Mailgun API for a unique email-forwarding feature, allowing users to effortlessly stash emails by sending them to a personalized Stashit email address.
-
Implemented Amazon S3 SDK within the backend for the scalable storage of user content, including emails, files, images, and web snippets.
Skills: GitHub Actions, Docker, Figma, WebStorm, DataGrip, TypeScript, Chakra UI, Emotion CSS, Git, Astro, React, React Testing Library, React Query, Vite, NestJS, S3, Stripe, Mailgun, Bunny CDN, Digital Ocean, Hetzner, Managed Kubernetes, Postgres, Redis, and Knex.js.
ShootProof - Software Engineer
May 2018 - Sep 2022-
Built custom reusable React components for the ShootProof UI library which was shared across several applications.
-
Proposed and architected ShootProof’s UI library theming approach utilizing Styled Components and the Chakra UI component library.
-
Helped build the front-end for a custom payment platform in React called ShootProof Pay which utilizes the Stripe Connect API and a Python backend.
-
Used AngularJS to develop reusable components, new features, and product enhancements while adhering to the acceptance criteria outlined in user stories.
-
Converted legacy PHP templates to React components and full pages.
-
Wrote endpoints, SQL queries, and migrations for a PHP-based API consumed by new React components.
-
Created tests with Jasmine, Jest, and React Testing Library for all new development as well as updated existing tests for any changes or extra functionality introduced.
-
Wrote functional tests in Cypress to help maintain usability and expected UI behavior.
-
Worked within one of several Scrum development teams while participating in sprint review, refinement, planning, and grooming sessions.
-
Handled bug tickets and assisted the user support team.
-
Performed code reviews on pull requests submitted by other developers.
-
Helped with the migration effort of converting existing AngularJS components to React.
-
Worked with UX designers to ensure consistency with established ShootProof design patterns.
Skills: VS Code, PyCharm, ES6, TypeScript, PHP, MySQL, Chakra UI, AngularJS, SASS, Emotion CSS, AWS, React Testing Library, Jasmine, Karma, Cypress, Jenkins, Git, Gulp, React, Python, Stripe, and Jira.
InfoTycoon - Mobile Developer
May 2016 - Mar 2018-
Built proof of concepts in both Ionic and React Native to test product requirements for the redevelopment of InfoTycoon’s flagship mobile app called InfoTycoon Pro.
-
Coded custom React Native components and pages while implementing Redux for managing application state more effectively.
-
Built cross-platform hybrid mobile apps for both IOS and Android devices.
-
Created app icons and image assets for both Google Play and the Apple App Store.
-
Set up and ran build automation with Azure mobile center.
-
Attended Scrum meetings, retrospectives, and sprint demos with the development team.
-
Migrated the corporate WordPress-based website to Microsoft Azure services to help alleviate performance issues along with setting up a CDN that served assets from Azure Blob storage.
-
Stayed up to date on best coding practices for React while providing guidance and recommendations to management on technology stacks that best-served business objectives.
-
Created wireframes in Balsamiq to help visualize user flow and layout for app modules proposed by the product team.
-
Identified app performance bottlenecks and implemented solutions to help reduce memory consumption.
-
Supported and updated InfoTycoon’s original line of Sencha-based hybrid mobile apps.
Skills: Photoshop CC, WebStorm, Balsamiq, ES6, React Native, Redux, Ionic, Angular, Sencha, Microsoft Azure, Bitbucket, Xcode, Android Studio, Jira, and WordPress.
Sharecare - UI Engineer
Mar 2012 - Mar 2016-
Hand-coded the UI of JSPs and reusable modules utilizing technologies such as JSTL/EL, HTML 5, CSS 3, SASS, and jQuery while following the acceptance criteria of user stories, wireframes, and mockup designs.
-
Worked with Java developers to integrate UI components with the backend.
-
Refactored redundant SASS and JavaScript by modularizing the code into a more organized and reusable format.
-
Created AJAX calls to post data to a Mongo DB and retrieve JSON data for social network-related content and functionality.
-
Attended weekly UI meetings with other UI Engineers to discuss code changes, techniques, and front-end related technologies.
-
Utilized RequireJS to conditionally load JS files to help maximize the front-end performance of Sharecare.com.
-
Attended daily scrum meetings while giving status updates on ticket progress and potential roadblocks.
-
Developed a demo mobile app that was created with Ionic and AngularJS that I presented for the Engineering Department’s lunch and learn.
-
Hand-coded static web pages for Sharecare’s proprietary CMS.
-
Worked on one of several development teams consisting of three Java developers and one other UI Engineer.
-
Maintained, updated, and re-branded the front end of the Sharecare Fitness .NET application.
-
Fixed bug issues found during the QA phase of the development cycle.
Skills: Amazon S3, Git, JavaServer Pages (JSP), SASS, Front-end Engineering, Problem Solving, CSS, HTML 5, jQuery, JavaScript, Agile Methodologies