This application named “Rep Findr” provides the name and office of the user’s government officials based upon an entered address. Also provided are party affiliations, contact information, and voting information.
The JavaScript application includes the following characteristics: a single-page app style using MVC/REST architecture, SCSS modularity using SASS with a mobile first design. The OOP JavaScript leverages AJAX and integrates 3rd Party libraries like jQuery, Handlebars, and Page.js. The API’s employed in the project are Google Civic Information and Google Maps.
This application is the product of a final project in a Code Fellows 301 Intermediate Software Development Course. The developers involved are: Stefanie Hanson, Chris Perez, Jeff Russell, and Matthew Wilson.
As a citizen/user I want a web application that allows me to enter an address and receive back a list of elected officials representing that location including their office, party affiliation, and contact information. I would also like any pertinent voter registration and ballot information that might be available. This would help me be a better informed and engaged citizen as well as provide me information about the political climate of where I live or where I might be interested in moving to.
As a developer I will be provide an attractive easy to use web application that provides accurate up to date civic information about the elected officials who serve a specific geographical location as entered by the user.
As a developer the application will meet the following technical requirements:
- Obvious MVC/REST architecture
- Single-page app style
- Clearly defined Resources in the app
- Resource data is persisted by a database
- Resources have well-factored and isolated M, V, C components
- URLs use conventional REST design
- Good and proper use of HTML
- Clear, readable, and efficient structure
- Uses semantic markup whenever possible
- Good and proper use of CSS
- Clear, readable, and efficient styles
- Layout on various screen sizes like desktop and mobile
- Well organized file structure.
- Good and proper use of JavaScript
- Clear, readable, and efficient code
- Uses domain models to encapsulate data and behavior (OOP)
- Responds to user events
- Leverages AJAX appropriately in at least one case
- Integrates 3rd party libraries like jQuery consistently
- Contains no unnecessary or commented-out code
- Generally useful and functional
- Works as expected with no bugs
- Has at least 3 interlinked "pages" with a clear navigation
- Has at least two pages that accept and process user input
- State is persisted between page reloads
- Deployed live on the Internet