PotholePatrol

See pot holes
See pot holes
Search for location

Inspiration

One day going down the road I hit a pot-hole and lost a tire to it. Many people also encountered same issues with this pot hole. Nobody complained to our local municipality and they took their time to fix it. But if a user used our app they could record the pothole and report it right away

What it does

Our website uses a map and the user it able to mark potholes

How we built it

We first used figma design to come up with all our pages and how the user would be mark the pothole. They we worked with the mapbox js api to have a map. Then we added user auth. The user uploads a drivers licnese, and a OCR python script reads their Drivers Licnese number. We did this to prevent spam. Our siter has a database which holds the longitude and latitude of every marker. The database and server are hosted on Linode.

Languages Used:

next.js
tailwind css
Typescript
python
flask

Challenges we ran into

When we where making the user authentication. We wanted the user to upload a photo. However, the struggle came on how it would work. At first the images did not upload and the technologies did not work together.

When working on the OCR script the program did not recognize any characters at first. However with some tweaking and fine detailing we where able to adjust the contrast and gray scale to make the characters more readable.

Accomplishments that we're proud of

We are proud of the fact that in 24h we were able to build such a complex program. We struggled and struggled but thanks to us encouraging each other we were able to push threw and put a project togther that we are able to call ours

What we learned

We learned how to host a server on Linode. How to make a python script output a json object, and then javascript accepts that json object. And depending on the object being true or false, the page allows the user to add markers or shows the user an error.