Tea Leaves Health

tealeaveshealth.com

The Tea Leaves Health website exist to promote the business intelligence solutions specifically for the healthcare industry.

The primary goals of this website are:

• Inform users about the patientology, physicianology, and decisionology solutions.
• Schedule demonstrations.

Full Stack Developer Role

While employed at Gyro (now Merkle), I had the privilege of working with my colleagues to make this project a success. My role as a Full Stack Developer is outlined below:

• Mobile first front-end development utilizing HTML5, CSS3, and jQuery throughout the entire site build. Minimal PHP code exists only for premises of creating the templates and the contact form functionality.
• Backend Development of the contact form entailed capturing the user’s data and sending an email notification.
• Created a streaming build process to concatenate and minify JavaScript and CSS code, auto-prefix browser vendor prefixes, and optimize image file size using Gulp.js
• Utilized Composer to manage PHP development dependencies.

Challenges

Creating SVGs and applying custom CSS and JavaScript interactions proved to be challenging a task. I did not know some of the peculiarities of working with SVGs. Google and the web development community was a great resource for helping me solve issues as I came across them.

What I Have Learned

SVGs can be styled and animated through CSS. SVGs are easier to work with if optimized through the SVGO command line utility. SVGs have a subset of CSS properties that are only available to SVGs such as “fill” and “stroke”. JavaScript interactions can also be applied to SVGs. SVG stands for Scalable Vector Graphic which means the graphic never loses quality as it scales up.