Hannah Werman

Front End Engineer | Progressive Tech Evangelist | Nomad

The Highlights:


Pete for America Campaign Website

Take Action

Take Action page initial stateTake Action page with Mobilize block expanded

The Pete for America Take Action page was designed to be a one-stop landing page for volunteers at all levels to engage with the campaign.

This page is comprised of custom CMS blocks to allow users on our content team to update information regularly as campaign priorities shifted.

This pair-programmed Django/Wagtail CMS page pulls in live user location data based on IP address, and uses that to hit the MobilizeAmerica API to pull in live data about events in the user's area as well as across the country.

Light the Way

Light the Way DescriptionLight the Way Map of States with donation data visualization

Light the Way was an interactive fundraising challenge to visualize grassroots support for Pete Buttigieg across the country. The highest donation in each state illiminated the map based on the donation amount, and the highest donation per zip code was listed in a table at the bottom of the page.

This game raised ~ $15,000 in three days from organic Twitter and social media traffic, without the help of official campaign promotion.

It was built in JavaScript inside a Django Wagtail CMS, and pulled donation data from an ActBlue hook using a Django API.

Issues

Pete for America Issues Page HeroPete for America Issues Page Contextual Capture

The Pete for America campaign website was optimized for two things - donations and signups. The Issues page was one of our highest-traffic pages, so we introduced contextual capture as an experiment to monetize the page and increase conversions.

The top section of the page contains a stylized NGP form that pipes information directly into NGPVAN, where the campaign's data and email teams could easily utilize it.

This page is built in a Django/Wagtail CMS, and uses advanced HTML/CSS to manipulate an embedded NGP form to seamlessly match our branding and product goals.


PolitIQ (Client Project)

PolitIQ Homepage

PolitIQ is a current events triva game to help prove once and for all, which political party pays the most attention to the news. Think you've got what it takes? Players take daily quizzes and compete for weekly and monthly cash prizes.

I was the primary engineer on this product team from the intial WordPress-based game concept phase to creating the full Progressive Web App that it is today.

This app is built with React, MaterialUI, and Firebase, and is integrated with Mailchimp, Zapier, and PushWoosh APIs to provide email and push notifications and boost user engagement.

Play Now!

Urban Array (Client Project)

Urban Array welcome page

I worked as the lead front-end developer and open source project manager for Urban Array, a blockchain-based non-profit/social enterprise startup with the goal of empowering underserviced communities.

This app was built alongside a team of developers using React, Redux, Node.js, MongoDB, and Amazon Web Services.

It is intended to be a project management platform for community development projects such as urban farming and building restoration. The goal is to get a working system that can later be tokenized, as the goal is to reward volunteer efforts with a crypto token that can be redeemed at local businesses for goods and services.

Front EndBack End

RecommendMe (Client Project)

Recommend Me homepage

RecommendMe is a social restaurant recommendation app that allows you to discover new restaurants in your area based on what your friends recommended, and follow people with similar tastes.

I redesigned the Home, Search, and Feed pages to reflect updates in the RecommendMe iOS app and optimize for the mobile user to increase downloads and signups.

This app is built with React and deployed using Heroku and Amazon Web Services.

Check It Out

ABC Training

ABC Training landing page

ABC Training is a prototype application designed for companies that need to share documents or other materials with different groups of people (clients, etc.). It is built with a training firm in mind, but can be applied in a wide variety of contexts. You can log in either as a student or as an administrator.

This app was built using React, Redux, Ruby, Rails, PostgreSQL, and Material UI in two, two-week sprints.

Updates will include the ability to batch upload documents and users to streamline the workflow on the administrator's side. Additional analytics and administrator-side dashboard features are forthcoming.

You can log in and check out the admin functionality using the email address hannah@hannah.com and password 12345.

Check It OutFront EndBack End

Shoestring

Shoestring landing page

Shoestring is a travel budget planning app targeted towards broke millennials. Enter your destination, your dates, your budget, and how much you already have saved to put towards the trip, and the app will track your progress towards your wanderlust goals.

This app was built using React, Ruby, Sinatra, PostgreSQL, and ReactStrap in a one-week small-group programming sprint. It pulls in data from the Amadeus Travel Innovation Sandbox Flight Low-Fare Search and Hotel Airport Search APIs.

Updates will include a larger data set, minor bug-fixes, and additional flight booking capabilities. You can log in and check out the full app functionality using the username and password 12345.

Check It OutFront EndBack End

Battle

Battle view

Fly back and forth across the screen using the arrow keys and use the spacebar to shoot at alien ships to defend the earth from an incoming invasion. The levels get progressively more challenging as you advance, and the alien ships become more difficult to destroy.

This game was built using HTML5 Canvas, JavaScript, and jQuery in a one-week sprint.

Play GameGitHub

See something you like?

Let's talk about your business & tech needs.

Schedule a FREE consultation!
Built with ♥ using React, Gatsby & GraphQL.