Portfolio

The following is a selection of projects I've been involved in.

RiverDB.org

https://riverdb.org

I've long volunteered for our local river organization, some of it with collecting water quality data in their long running project documenting the conditions of the local Yuba River watershed. They are in the process of creating a SAAS project where river organization all across the USA could store all their data and have it easily accessible to the public. I did the frontend MVP that for now includes 3 local organizations and their data.

riverdb sreenshot

Technologies:

  • VueJS
  • Apollo GraphQL Client
  • OpenStreetMap

Watershed.org

https://watershedmap.org

Having a live long love affair with all things water and rivers I made this as a personal project. It pulls data in from multiple Federal and State agencies and makes it easily accessible to users on Desktop and Mobile. The EPA websites that offer the data are basically unusable but they do have a public API. The site is currently used by multiple environmental education organizations. It can display I wide variety of additional layers, including snow pack, reservoirs, water diversions, fish barriers as well as all tributaries.

watershedmap.org screenshot

watershedmap.org screenshot

Technologies:

  • ReactJS
  • MapBox and Deck.gl for maps
  • ExpressJS and MongoDB backend
  • Docker on a DigitalOcean server
  • Redux state management

Threshold.us

https://threshold.us

threshold screenshot

A project for a client who is concerned about the ever increasing influence (and control) that Amazon has on the economy. I did mostly the frontend based on a design and some of the backend handling of pledges etc.

Technologies:

  • NextJS (server side rendered ReactJS for better SEO etc)
  • Firebase Realtime Database, Hosting and Cloud Functions
  • multiple external API including mailgun
  • a lightweight global state management using React Hooks and the Context API
  • Sass

Congress.Cards

https://congress.cards

A fullstack application to enable people to quickly and easily send physical postcards to their representatives in Washington, DC. After entering an address it pulls the current representatives from Google's Civic API, and then interacts with other APIs to send emails and the physical postcards with custom artwork. At the same time there is a small donation to an NGO connected with the cause

congress.cards screenshot

Technologies:

  • NextJS
  • Firebase Realtime Database, Hosting and Cloud Functions

It's currently in beta and has not been promoted to the public yet.

Work for TraitWare.com

https://traitware.com

Traitware has redefined the notion of a login for all your services. Built from the ground up with the user and admins in mind, TraitWare offers a seamless passwordless user experience from enrollment to login while maintaining the highest security standards.

Traitware needed a complete redesign of their Admin Console as well of the Login functionality that provides passwordless authentication to OIDC, oAuth and SAML applications, like Slack, Github, Office 365 and even the Windows operating system.

I build the Admin Console in close cooperation with the backend team, you can see screenshots and documentation at the TraitWare documentation website

traitware screenshot

Technologies:

  • ReactJS
  • customized Semantic UI
  • Redux state management

This blog

https://andreasgroos.com

Mostly meant as a place to write short blog posts about coding that I encounter as well to show of my Portfolio. Gatsby is blazing fast and once it's set up it's easy to add new blogposts etc, once it's pushed the site get's rebuild instantly and deployed.

lighthouse screenshot

Technologies:

  • GatsbyJS (static site generator)
  • content is written as markdown files, easy to version in git etc
  • PWA (Progressive web App) that's installable, with some offline functionality