Hannah Barber

Web Developer

Hello, welcome!

I'm a web developer with experience building responsive, accessible websites from the ground up. As a life-long learner who's passionate about bringing a meaningful digital experience to a diverse audience, I am continuously learning and evolving in order to bring the user the best possible experience. Currently, I work as a Product Manager for a website at a tech company.

In my free time I enjoy getting outdoors, especially hiking and camping. I'm also a modest home chef and love trying new recipes!

Skills

JavaScript

HTML & CSS

SQL

React.js

Drupal CMS

Adobe Creative Suite

Performance and SEO

Figma

Git

Web Development

PsyDAO Wiki

Next.js

A wiki page for the decentralized autonomous organization, PsyDAO. Collaborating with leadership of the organization, I created this project in a tight timeframe for an important demonstration day. This site serves as a landing place for individuals interested in becoming involved with the DAO.

A user interface titled Jobs for Inclusion with an illustration of the two people interviewing.

Book Club React Form

React.js
Figma

A React form built to locate nearby book clubs for individuals interested in specific genres. The form features options for virtual clubs and clubs within specific driving radii. The form was designed using Figma.

Jobs for Inclusion

JavaScript
HTML
CSS

Working in a collaborative team setting, we developed a supplemental website to assist job coaches at a local non-profit Opportunities for Inclusion that connect clients with developmental disabilities with more meaningful jobs. This allows job seekers to match with jobs based on their individual needs. As one of the front end developers and designers I created the two functional web forms using HTML, CSS, and JavaScript.

A user interface titled Boston's Weather App with an image of the Boston cityscape and a purple background

Boston Weather

JavaScript
HTML
CSS
REST API
SVGs

A personal project to create an interactive, responsive, and modern display for the Boston area weather forecast.

A user interface with input fields for budgeting monthly expenses.

BudgetMe Web App

JavaScript
HTML
CSS

A personal project, BudgetMe app helps to track monthly expenses, add notes, and see percentage breakdowns of your personal expenses.

A dashboard interface with purple navigation bar and charts indicating website interactions.

Web App Dashboard

JavaScript
HTML
CSS
SVGs

A responsive dashboard web app using interactive features to display graphical information about site analytics.

Employee Directory

JavaScript
HTML
CSS
REST API

Using an external API, random users profiles are generated to populate this responsive employee directory. A modal feature allows users to click on employees and view additional information.

Graphic and UI Design

beer label with tree motif and names of bride and groom and date of wedding

Love n' Lourdes

Adobe Photoshop
Adobe Illustrator

A custom beer bottle label for a wedding designed with the color scheme and theme.

Crisis: A Visual Exploration of Conflict

Adobe Photoshop
Adobe InDesign

A custom designed trifold brochure for an art gallery exhibition hosted at Syracuse University.

A catalogue spread featuring ceramic vessels with a gray background.

Ken Eastman: Border Country

Adobe Photoshop
Canva

A custom designed art gallery exhibition catalogue featuring contemporary ceramic pieces for Ken Eastman's solo exhibition at Lucy Lacoste Gallery in Concord, MA.

A product detail screen for a secondhand product retail app.

SecondLife Product Detail Screen

Figma

A product detail screen for a secondhand good online retailer designed to balance product information and visual appeal.