TeamName: The Abstract Methods

Inspiration

A desire to facilitate communication between communities and their government.

What it does

Streetfix connects the community to local government to maintain a high quality urban environment. By providing a collaborative platform to local infrastructure inventory and management through crowdsourcing data, community members are able to report poor conditions in vehicular and pedestrian. Through the use of geotaging, users are able to report poor conditions to maintain safe conditions within the community.

How we built it

Created in HTML and CSS with some Javascript elements.

Challenges we ran into

Nailing down a concept that was specific in purpose without being too niche took some time. Codewise, implementing Google Maps functionality was a struggle, and there were some difficulties combining templates and work between team members.

Accomplishments that we're proud of

Creating a clear, elegant branding concept and interface design, as well as an innovative yet practical solution that can be readily adopted by local governments. Implementing Google Maps despite the struggles was a notable accomplishment.

What we learned

We learned team working skills as well as time management and problem solving.

What's next for StreetFix

Refinement of its core features and maybe expansion of them for more connection to social media.

Built With

Share this project:
×

Updates

Kelly Wallert posted an update

var map; function control_businesses() { map = new google.maps.Map(document.getElementById(&#39;map&#39;), { center: {lat: 43.1610, lng: -77.6109}, zoom: 13, mapTypeControl: false }); var styleControl = document.getElementById(&#39;style-control-selector&#39;); map.controls[google.maps.ControlPosition.TOP_LEFT].push(styleControl); document.getElementById(&#39;hide-business&#39;).addEventListener(&#39;click&#39;, function() { map.setOptions({styles: styles[&#39;hide&#39;]}); }); document.getElementById(&#39;show-business&#39;).addEventListener(&#39;click&#39;, function() { map.setOptions({styles: styles[&#39;default&#39;]}); }); map.addListener(&#39;click&#39;, function(e) { placeMarkerAndPanTo(e.latLng, map); }); function placeMarkerAndPanTo(position, map) { var marker = new google.maps.Marker({ position: position, map: map }); var popup = document.getElementById(&quot;myPopup&quot;); popup.classList.toggle(&quot;show&quot;); map.panTo(position); } } </p> <pre class="language-nolang"><code> function MyFunction() { var person = prompt(&quot;Please add a comment&quot;); document.getElementById(&quot;demo&quot;).innerHTML = person </code></pre> <p>} var styles = { default: null, hide: [<br> { featureType: &#39;poi.business&#39;, stylers: [{visibility: &#39;off&#39;}] }, ] };

Log in or sign up for Devpost to join the conversation.