punchcard

Background

Introducing Punchcard, an on-the-go application for digital natives and migrants that keeps a pulse on their representative government. A mobile app, Punchcard is built entirely in React Native using functional components and pulls from Google's Civic Api to give the user up-to-date contest data. Using Punchcard, a citizen of a democracy can learn about each candidate in every contest they can vote in. The user can also keep track of their own voting participation. The goal of Punchcard is to place valuable information about democracy in the palm of your hands, encouraging the growth of an informed electorate.

Update 2024: Deprecated SDK, requires upgrade.

See it live See the InVision Prototype

To run on your machine:

• Clone repo
• Install dependencies
• run command 'expo start'
• open in xcode
• register and then login
• must use expo version 37

Tech

• React Hooks (useEffect, useReducer, useState, useRef)
• React Navigation (Tab, Stack, Drawer)/Nested Navigation
• React Native Animated Components/Interpolation
• Firebase Authentication
• Async/Await
• Conditional Stylings
• React Native Swipe Gestures
• React Native Elements

Future Iterations

• Bookmarked Races
• Representative Voting Updates
• User Accounts
• Citizen-to-Representative Compatibility + Suggestions
• Polling Locations and Times (months before election date)
• International Localization
• Voter Grading

ScreenGrab:

User Interaction

Prototype:

Login & Profile	Finding Elections