Ukraine Map Info Hub

home page with resources
main map not logged in
showing marker info
creating a new marker
showing info about creating a newmarker, deleting existing marker
about page

Inspiration

We wanted to create a program that would be able to assist the people of Ukraine during this time of humanitarian crisis.

What it does

The Ukraine Map Info Hub provides a dashboard that displays information about the ongoing war through crowdsourced efforts in the form of google maps markers, as well as links to charities and relief efforts to help the people of Ukraine. Anyone can view the markers, but one has to create an account and sign in to create markers.

How we built it

The Ukraine Map Info Hub was built on the nextJS framework, using React and Tailwind CSS. It runs off of a MySQL backend database and uses the Google Maps API for the map portion.

Challenges we ran into

Learning how to use new frameworks and learning to use the google maps API to suit our needs proved to be a challenge.

Accomplishments that we're proud of

We're proud of being able to build everything from scratch, including the database and authentication system, and putting it all together into a working product.

What we learned

We learned a lot about functional components in React, using the nextJS framework, and setting up a secure authentication system.

What's next for Ukraine Map Info Hub

Putting data in, adding a verification system, polishing up some things

Built With

Submitted to

SLO Hacks 2022

Created by

I was responsible for building out the entire frontend of the site, including all UI/UX experiences and wiring in state management with React. The styling was done with TailwindCSS and DaisyUI.

Duncan Applegarth
Computer Engineering, Data Science, Mathematics @ Cal Poly SLO
I worked on the password authentication system which allows users to create an account and sign in so they can be authorized to make posts and create markers. This was my first time working with nextJS and React frameworks, so I learned a few things.

Khanh Hoang
I worked on the database and backend connections to the front end. This was my first time working on the backend for a full website project. I did learn a bit about the other aspects of the project from my other team members

Edward Corriea
I was responsible for integrating our project with google maps on the UI side

Wesley Kwok

Updates

Duncan Applegarth started this project — Apr 10, 2022 12:53 PM EDT

Leave feedback in the comments!

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