React
Angular
Portfolio
Javascript
Vue.js
Search
Contact
CSS

Portfolio

Rich Leach Senior Software Developer

Rich Leach
Software Developer
Donut Enthusiast

Rich Leach

FULL STACK INTERNET APPLICATIONS DEVELOPER
React / CSS / Bootstrap / Javascript / Angular / SQL

I'm a full stack software developer with over 20 years of experience in application design, development, QA and analysis. I built some great software with even greater companies, using a variety of technologies, technically and creatively.

Contact me if you have a project ramping up or need a resource for your team.

 

Angular - Bootstrap 3.6 - GenCenter

Summary

Angular application that I built with each natural page block as its own component, then included at run time via custom selectors as defined in the selector of the component (.ts file).

FRONT END:
· Responsive layout including absolute image and element placement even after breakpoints have been met
· ... a little dynamic Javascript that spits out the current date, formatted · CSS gradients, custom font selection, image opacity and graphical page elements normally built as images are actually built with CSS

BACK END:
· While this is mostly a front end demo, there are some Typescript and JSON elements generated in the app.component.ts file for me to practice on :-)
· Dynamically generated ads are served using Typescript

Angular - Bootstrap 4 - NEST

Summary

This is a simple one page SPA layout that I built from an online tutorial, which I built right after I went through the new Bootstrap 4 docs. It represents a Bootstrap 4, responsive site that dynamically resizes images and containers according to the current viewport.

FRONT END:
· SPA with responsive breakpoints to dynamically resize when needed. · Containers, images, navbar and page elements all responsive. · A fixed background image since, at the time this particular CSS feature seemed to be all the rage.... · Various background image CSS effects including fixed positioning, transform, and performance enhancements with CSS's will-change.

BACK END:
· n/a, this is simply a front end demo

Angular - richleach.com

Summary

When I first started building Angular sites I put this modest collection of Angular/Typescript functionality together for demo purposes.

FRONT END:
· Basic Angular site with routing, navigation, Material Design components and a few HTTP calls.

BACK END:
· Angular (2.0 -ish), HTTP services calls to a stock ticker API, free Github API

SCSS Responsive

Summary

Another responsive front end design I built using HTML and SCSS. I took some online training learning SCSS so I found this online tutorial about building a cool looking landing page with a form.

FRONT END:
· Responsive layout including using SCSS
· SCSS use of functions, variables for colors and mixins so that I could continue to think like a developer while I play designer ;-)
· I didn't know much about CSS clip paths before this training and now I understand how to make those irregular shapes and cool looking background images via CSS, and not using a graphic file like I used to....

BACK END:
· Not much going on in the back, the party is all in the front. And... the form doesn't go anywhere.

CSS Grid Layout Template

Summary

I was working a contract where another developer had implemented a design using "fr" as a unit of measure, so I learned all about fractionals, CSS grids and grid-template-areas via the CSS grid.

FRONT END:
· Responsive layout utilizing CSS grids, grid-template-areas and grid-template-columns. · Use of custom media queries to define break points. · Sometimes I build projects that I'll turn over to less-technical-folk; the use of grid-template-area naming makes this hand-off a lot easier for non-programmers to follow.

BACK END:
· All front end here....

Copyright 2019. All Rights Reserved.