Urban Buddy is a data visualization tool that allows users to look up and compare life quality data between urban cities.
Oftentimes, professionals and students need to relocate to new and unfamiliar areas. This tool can provide some insight on a new city that will soon be called home.
- Users will be able to select a city from a dropdown menu. The information and data chart for the city will display.
- When two cities are selected, a comparison chart of life quality scores between the two will display.
- Google Maps Geolocation
- Images of cities
Urban Buddy will consist of a single screen with two dropdown menus for the user to select cities of interest. Below that, are individual displays of information and data for each city, and a display for the comparison chart.
This application will be built using the following technologies:
- Vanilla Javascript for overall structure and logic
- Chart.js for DOM manipulation and rendering
- Teleport Public APIs for city data
- Webpack for bundling
- Brainstorm ideas and complete project proposal
- Familiarize self with Chart.js
- Setup project
- Test API calls
- Use Chart.js to render elements to the page
- Create dropdown menus and make sure correct API calls are made
- Render a chart in the app
- Render city information and data in the app
- Implement comparison chart
- Styling to make the app look polished