COVID-19 Relief Website with Interactive Map

This is just a sneak peak of what our interactive map looks like!
Here are some of the resources that we provide.
This is what the page looks like when you click the link.
Here is our code for part of our website!
Rubric Areas
Design
Fit

Inspiration

As part of the billions that have been impacted by the coronavirus pandemic, we wanted to make this website and interactive map to create a positive impact on our own community!

What it does

While these resources are available online, we wanted to combine all of them onto a single page. Our website is made from scratch but our main spotlight if our interactive map because we believe that it provides all sorts of resources depending what a Houstonian would need.

How I built it

In order to make both of the website and the interactive map, we worked in teams and checked each other's work at the end. Two of us worked through Leaflet Libraries making the interactive map with the use of Javascript while the other 2 used HTML to make the website.

Challenges I ran into

We definitely all agree that our time constraint was a challenge, a lot of us had many ideas to input but because of time we focused on the most important aspects.

Accomplishments that I'm proud of

We're all really proud of making a functional and user-friendly space! We think this would be an accurate page for people in the Houston area to refer too for COVID Resources.

What I learned

For us, it was definitely a large project so we really questioned whether we could finish everything on time. For me, it was having a refresher on HTML. For others, it was their first time even looking at a coded website. It was just an overall fun experience and a product that I didn't think we could have achieved in the time constraints.

What's next for COVID-19 Relief Website with Interactive Map

We hope that our COVID-19 Relief Website keeps growing! The team would have loved to see the map expand to the regional or state level for many other people. We would've loved to translate the website into other languages because we know how diverse Houston is and have provided more information for people who are undocumented. We would have also liked to put a search bar to make it easier to find places with everyone's zip code.

Built With

Submitted to

eHack for Charity
- Winner Grand Prize (Raspberry Pi Basic Kit)

Created by

I helped design the website and helped collect and input resource information for our project.

Martha Moreno
I worked on marking the map using the JavaScript Leaflet library on our JavaScript file (eg. outlining Harris County or adding testing site markers). I also helped make the website by inputting resources in different tabs like testing centers, food distribution, and financial aid locations.

Evelyn Chinchankar
My name is Aanya and I am a 7th grader. I coded the website and helped design it using html and css. I also coded the graphs with help from Google charts, I researched data and coded them and added it onto the website. When I coded the entire website and I didn’t use precoded website templates, but I had a little help from bootstrap and w3, it took a 2 days and I ran into some problems, but in the end it turned out professional and clear.

Aanya Bhardwaj
I made the HTML file for the map, as well as coded some of the details shown on the map. I was able to embed the map's file into the website. I also helped out on the website by adding some basic information for "restaurants".

Janet Truong