Welcome to my portfolio! Built with Bootstrap 5 and various libraries.

My name is Drew and this is some of my work.

I'm excited to share my portfolio projects with you on this website I made to showcase relevant work of mine (built without html email tables).

Download some of my Front End Bootstrap projects and checking out more of my work with Wordpress further down the page.

Front End Bootstrap Projects Email Dev Tools | Bootstrap Project

Email Dev Dashboard Project


Email Dev Efficiency Dashboard

After identifying workflow inefficiencies in my current role and a reliance on multiple external websites for development tasks, I independently built a centralized Salesforce cloud page dashboard. This internal tool, leveraging Bootstrap 5, Vanilla JavaScript, AMPscript, and Salesforce Data Extensions, provides crucial time-saving features, including a custom HTML entity encoder, reducing the need for external tools which are essential for email messaging development.


Development Dashboard Features:

-The weather to decide on getting outside for lunch.

-A bookmarks section opening multiple tabs at once.

-Team time zones & client time log calculator.

-Case-Convert & HTML Entity Replacing tool.

-Special character & emoji search feature for HTML entities.

-To Do List & Developer Event Calendar (itegrated with Saleforce backend in working version with event sign up forms).

-Code snippets and render search features.

-Documentation & shortcut resources for technologies we use.


Front End Bootstrap Projects


Front-End Development & Design Projects

The front-end development & design projects are built with HTML5, CSS3, Bootstrap 5, and jQuery with a number of plugin integrations such as:

-PHPMailer for Domains & Gmail with Validation.

-Smooth Scrolling & Animation with Waypoints.

-Lightbox Features, Photo Filtering, & Carousels.

-Video, Slider, & Gradient Animation Landing Pages.

-jQuery Line Progress & Circle Progress Features.

-jQuery CouterUp & Content Flip Features.

-Customizations with JavaScript for navigation menu and interactive scroll features.


#1 Agency - Front-End Dev & Design
#2 Parallax - Front-End Dev & Design
#3 Nuno - Front-End Dev & Design
#4 Canvas - Front-End Dev & Design
Additional Front-End Development projects in download > front-end-portfolio > responive-templates:

Wordpress Web Design & Branding Projects


Wordpress Design & Front End Projects

This section features recent Wordpress website projects of mine for small businesses as well as logo and business card designs with QR codes generating reviews.

While working with small business owners and reacting to feedback, I took both projects from color and design concepts to creating digital assets that can be used for print and the web.

This also included the development of custom built Wordpress websites, from buying a domain name, to leveraging CSS & PHP functions off of an existing theme, to applying SEO best practices in content writing & other aspects, creating social media pages, and adding Google Analytics along with Search Console for performance tracking/keyword updates.


#1 Branding/Wordpress - ideal-healing.com
#1 Branding/Wordpress - ideal-healing.com
#2 Branding/Wordpress - campos-cleaning.com
#2 Branding/Wordpress - campos-cleaning.com
#3 Branding/Wordpress - qc-cleaning.com
#3 Branding/Wordpress - qc-cleaning.com
#4 Branding/Wordpress - real-dream-construction.com
#4 Branding/Wordpress - real-dream-construction.com
#5 Branding/Wordpress - manchester-cleaning.com
#6 Wordpress Website - 1v1performance.com

Email Development Projects


#1 MJML - Outerknown

This MJML framework design is based on the Outerknown website, a clothing company made with recycled materials for sustainability.


#2 Foundation - Salesforce

This design is based off of assets from the Salesforce website, built with the Foundation for email CSS framework.


#3 Handlebars.js/JSON - Mint Mobile

This design is based on a plan renewal email from Mint Mobile, open it in Live Server to see Handlebars.js with JSON subscriber data.


#4 AMP for Email - Apple

This design is based off of assets from the Apple website, with AMP for email for images and the carousel slider.


#5 Dark Mode - Course Project

From my HTML email course on Udemy, this design has dark mode specific CSS styling as well as a GIF BG image & bulletproof buttons.


#6 Insight Agency - Featured Design

The Insight Agency template design is the most involved and feature filled template I've designed & developed from scratch.


#1 MJML - Outerknown
#2 Foundation - Salesforce
#3 Handlebars.js/JSON - Mint Mobile
#4 AMP for Email - Apple
#5 Dark Mode - Course Project
#6 Insight Agency - Featured Design
Additional email dev projects in download > email-dev-portfolio > responive-templates:

Contact

Let's chat about how my skills and project experience can benefit your team. I'm eager to provide more details on anything that catches your eye. Thanks!

Name: Drew Ryan

Title: Front End Developer

Location: Remote | Philadelphia, Pa

Email: drew@w3newbie.com

mailswell.io