bio
github contributions for dan lubbers

Dan Lubbers is a Full Stack Web Developer with an extensive background in Photography & Retouching. Lubbers got his start with Extreme Sports Photography when he was the sole photographer on the La Sportiva Solutions Climbing Tour in 2007. Lubbers went on to work in Amazon's Largest Photo Studio as a Digital Technician, Retoucher & Photographer for the Jewelry and Watch department. He was the lead retoucher for the 2018 AD campaign for Tempurpedic. Wanting to add more to his career and an interest in Design and Web Development led him to Utah, to take a 3 month intensive Full Stack Bootcamp at DevMountain. After graduating DevMountain, Dan moved to Upstate NY where he found AlbanyCanCode where he was able to refine his Javascript skills even further. In May 2020, Dan started as a Front-End React Software Engineer with a small team building an end-to-end app for a Healthcare Company called Psī. A love of good coffee usually leads one to find him at local coffee shops or making a brew on the hatch of his vehicle while in remote locations. Other interests include Psychology, Philosophy, Meditation, Spirituality, hot springs and asian cuisine. Go connect with him on social media!

"Life is too short not to create something with every breath we draw." ~ Maynard James Keenan

TECHNOLOGIES

GIT logo

GIT

GITHUB logo

GITHUB

REACT logo

REACT

GATSBY logo

GATSBY

CONTENTFUL logo

CONTENTFUL

HTML5 logo

HTML5

CSS3 logo

CSS3

SASS logo

SASS

JAVASCRIPT logo

JAVASCRIPT

TYPESCRIPT logo

TYPESCRIPT

MATERIAL UI logo

MATERIAL UI

GRAPHQL logo

GRAPHQL

REDUX logo

REDUX

NODE logo

NODE

PM2 logo

PM2

NGINX logo

NGINX

DIGITAL OCEAN logo

DIGITAL OCEAN

NETLIFY logo

NETLIFY

POSTGRESQL logo

POSTGRESQL

POSTMAN logo

POSTMAN

EXPRESS logo

EXPRESS

JEST logo

JEST

CAPTUREONE logo

CAPTUREONE

HELICON FOCUS logo

HELICON FOCUS

ADOBE LIGHTROOM logo

ADOBE LIGHTROOM

ADOBE PHOTOSHOP logo

ADOBE PHOTOSHOP

ADOBE XD logo

ADOBE XD

Psī : Front-End Software Engineer

Tech:

Git | Github | React | HTML | CSS/SASS | ES6+ Javascript | Typescript | Material UI | Google-Maps | Google Analytics | Twilio Chat

Project Details:

Psī is a mobile application that helps users navigate the complex issues of aging and caregiving for elderly loved ones, while providing significant value to Medicare Advantage (MA) health plans, employer groups, and commercial health plans. The Psī app is based on a rigorously tested face-to-face model, as well as proven telephonic advanced ill- ness/family caregiving interventions. Psī’s integrated health counseling model has demonstrated decreased hospitalizations in the senior’s last years of life, as well as improved quality of life for family caregivers and their loved ones. Utilizing a digital version of Psī’s model, MA plans will benefit from avoided hospitalizations, referrals to preferred providers, earlier hospice referrals, and reduced total costs in the last years of members’ lives. Employers and commercial health plans also can benefit from employees’ improved workplace productivity and decreased medical costs (anxiety, depression, and addiction).

psi-iphone-mbp-promo.png
Dan Lubbers Photographs : Full-Stack Software Engineer | UX / UI | Photographer / Retoucher

Tech:

Gatsby | Typescript | GraphQL | React Helmet | Google Analytics | Netlify

Project Details:

danlubbersphotographs.com is written in Typescript using Gatsby, data is queried using GraphQL and hosted on Netlify. The site is a fully functioning PWA (Progressive Web Application) ready to download to your mobile device. User is prompted through a Modal created by a React Portal checking the devices specs and through the use of localStorage the PWA modal will only show after 30 days of inactivity. I am proud to say that I achieved all 100% scores across Google's Lighthouse Audit Metrics. Additionally a 100% performance rating on GTMetrix. A screenshot of these scores can be seen in the readme.md file by clicking on the Github Repo link below.

GITHUB REPO
macbook-pro-2021-danlubbersphotographs.png
Sunny Ra : Full-Stack Software Engineer | UX / UI | Photographer

Tech:

React | HTML | SASS | Javascript | Redux | Express | React Helmet | PostgreSQL | Digital Ocean | Google Analytics

Project Details:

Client/Artist, Sunny Ra wanted a complete redesign of her portfolio site. I created the wireframe and designed the layout and color scheme. I photographed her portrait for the 'About' section. I then built her site using Reactjs. I made the site fully responsive using Media Queries in SASS. I used React Helmet so google would be able to crawl her site searching for keywords helping SEO (Seach Engine Optimization). I added Google Analytics so Sunny can track her traffic going to her new site.

GITHUB REPO
sunny-ra-website-apple-devices-2019.png
E-Commerce PWA : Personal Project

Tech:

Gatsby | Typescript | GraphQL | Contentful | Netlify

Project Details:

A sandbox project using graphql to query data from the Contentful CMS to show a client that they can update their own content without a developer on a daily basis. Search page targets keywords in Contentful's datebase under the product title. Through the use of a React Portal, a modal prompts the user to download the PWA to their Homescreen. The Portal is reused to enable the fullscreen mode for a product.

GITHUB REPO
arcteryx-iphone12-pwa.png
Book Store : AlbanyCanCode Project

Tech:

React | HTML | SASS | Javascript | UUID Authentication | Protected Routes | Context API

Project Details:

Create a book store web application similar to Barnes & Nobles or Amazon. Users who visit the book store will have to sign in and once credentials are validated they can then go to their book shelf, search for new books in the database or see detailed information of a specific book on a separate page. They can save or move any book to one of three shelves: "Want to Read", "Currently Reading", or "Read."

GITHUB REPO
bookstore-media-promo.png
Retroboard : AlbanyCanCode Project

Tech:

React | HTML | SASS | Javascript

Project Details:

A retrospective board is used within the Scrum workflow. Scrum is the most popular Agile style of software project management used to guide the software development life cycle. Scrum style management is based on four basic ceremonies for each sprint or software release: the 1.) Sprint Planning meeting, 2.) Daily Stand-up, 3.) Sprint Review, and 4.) Sprint Retrospective. As a part of the Sprint Retrospective, team members will use a retrospective board to reflect on what went well and what they need to improve on for next time.

GITHUB REPO
retroboard-mbp-promo.png
TrailSpot : AlbanyCanCode Project

Tech:

React | HTML | SASS | Javascript | Express | Digital Ocean

Project Details:

A web app that gets the users location and gives a selection of trails around the area or the user can search by city/state to find trails for future trips. Current weather conditions are shown for the searched location as well.

GITHUB REPO
trailspot-iphone-promo.png
Arcteryx : DevMountain: Personal Project

Tech:

React | HTML | SASS | Javascript | Redux | Node | Express | PostgreSQL | Hover | Digital Ocean

Project Details:

I chose to clone an e-commerce site. Cloning this site allowed me to showcase that I can take a design and recreate the layout into a full functioning site. I used CSS3/SASS for all of the styling and to make the design mobile responsive for iphone 6, 7, 8 and desktop. I used React.js to build the site with the use of Javascript along with Redux to manage the "state." I used PostgreSQL and Heroku for database management of the products. The Domain is registered and maintained through Hover and the site is hosted on Digital Ocean.

GITHUB REPO
arcteryx-mbp-promo.png
Ruffdoggies : DevMountain: Group Project

Tech:

React | HTML | SASS | Javascript | Redux | Node | Express | PostgreSQL | Hover | Digital Ocean

Project Details:

Our group wanted to clone an e-commerce site. Cloning this site allowed us to showcase that we can take a design and recreate the layout into a full functioning site. We used CSS3/SASS for all of the styling. We used React.js to build the site with the use of Javascript along with Redux to manage the "state." We used PostgresSQL and Heroku for database management of the products. The Domain is registered and maintained through Hover and the site is hosted on Digital Ocean.

GITHUB REPO
ruffdoggies-mbp-promo.png
Hangman : AlbanyCanCode Project

Tech:

Javascript | Node

Project Details:

Hangman game made entirely with Vanilla Javascript in Nodejs. Words are chosen at random. Only the letters A - Z will be accepted. The user will get 6 incorrect guesses before that round is over. A duplicate incorrect guess will not count against the user. Each round will start automatically after the first round is finished. The user can quit at any time by typing CTRL-C.

GITHUB REPO
hangman-mbp-promo.png