Voter Hub

voter-hub

See Demo See Code

I acted in this project as UI/UX designer and Front-end developer.

I utilized Adobe XD to make wireframes, and JavaScript (React, Redux) for the front-end.

ONE

Product

Voter Hub was created in a team of 4 as the capstone project of the Spring 2020 CUNY 2X/NY Tech Talent Pipeline cohort. It is a full-stack web application intended to help educate voters on their voting rights, candidates, and local elections, as well as promote local neighborhood discussions on local elections and events.

Voter Hub was inspired by sites like commoncause.org and sought to amalgamate and centralize information with an intuitive, simple interface. It was completed in a 4-6 day timeframe.

Key Features: Login/Sign-up system, database of users, candidate lookup by address, basic messageboard/forum, candidate information (recent news, campaign contributions, contact info, image)

Full Tech Stack: JavaScript (React/Redux), Node, Express, HTML/CSS, SQL

voter-hub collage
TWO

Process

I first drew up wireframes to ensure everyone was on the same page with the components that we would need. We finalized the APIs we would use to gather information about candidates and set to work with the front-end.

Throughout the process, we worked over Github projects and adjusted our workflow in the group setting. We discovered a better News API, and adapted our code to the json data we received. I also created additional wireframes for a single candidate's page and for a messageboard/forum as we discovered we needed them.

We connected the back-end to the front-end midway through, as we had learned about creating a backend in the latter half of the bootcamp. Some things I learned from the project are:

  • Wireframes are useful!
  • Plan out the back-end early on.
  • Communicate often and make clear commits.

THREE

Outcome

I presented the app, deployed on Netlify and Heroku, to the selective cohort at the end of the bootcamp.

See Demo See Code