Inspiration

My inspiration came from the list of challenges on the main website for the hackathon

What it does

It displays a table containing important information regarding neighborhood information about the city of Knoxville, and let's the user interact with the table to find the information they need.

How I built it

I built it through scraping the pages regarding neighborhood directory in the page https://knoxvilletn.gov/government/city_departments_offices/neighborhoods. From here I stored the information I needed in json. Then I used Vue to dynamically display the data.

Challenges I ran into

Scraping the pages was challenging because it was my first time doing so. Using Vue to display searched values in real-time was also confusing. I also ran into time constraint problems which caused me to rush a few of my features.

Accomplishments that I'm proud of

I am proud of learning how to scrape webpages via python, and I am proud of finishing this website.

What I learned

I learned how to scrape webpages via python, I learned how to use Vue to dynamically display data, and I learned how to style components with Vuetify.

What's next for Neighborhood Database for the City of Knoxville

I would like to send a survey for all districts to fill out to have more information to put on the table. From there I would expand the tables functionality by including more methods of sorting and searching.

Share this project:

Updates