map page
add review page
map page with autofill
info page

No-Cap COVID Map

BoilerMake VII Project by Tom Appenzeller and Chris Koehne

Inspiration

A common problem we've personally run into during the past several months is that it's difficult to find information about how different businesses and venues are handling the COVID-19 pandemic. Some places take things very seriously and go above and beyond what is required for providing safe conditions, while others are lacking in sufficient preventative measures. So, we wanted to build something that can help with that.

What it does

CmAP allows for users to rate locations based on 3 criteria: a mask score, a social distance rating, and a sanitation rating. From there, you can search for different places on a map to check how well a location has been scored, and read any additional comments users may have said about that place.

How we built it

We created CmAP using a MERN stack with the integration of Google's Map APIs. We were able to store user reviews in a MongoDB database and then pull that information for when a user encounters the respective location on the map.

Challenges we ran into

Our biggest challenge was getting the Map APIs to work. Since it was not created with support built in for React, we had to go through a fair amount of Youtube videos and documentation to get everything working correctly.

Accomplishments that we're proud of

Overall, we're most proud of the UI of CmAP. Getting the map to work and look exactly how it does took quite a bit of tinkering and trial and error. We also worked with Material UI for the Reviews page, which also helped to create the user experience we were hoping for.

What we learned

Along with getting further acquainted with the MERN stack, our team of two got a lot more hands on experience with programming using various APIs and saw firsthand just how much that they could help to realize a project idea.