{"id":23792616,"url":"https://github.com/ibttf/bayborhood","last_synced_at":"2026-06-18T06:32:37.063Z","repository":{"id":188579767,"uuid":"677838570","full_name":"ibttf/bayborhood","owner":"ibttf","description":"Interactive map to find the ideal neighborhood in San Francisco based on data.","archived":false,"fork":false,"pushed_at":"2023-10-27T21:47:00.000Z","size":40299,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-21T13:31:09.778Z","etag":null,"topics":["data","data-analysis","data-visualization","gis","mapbox","react"],"latest_commit_sha":null,"homepage":"https://bayborhood.com","language":"Jupyter Notebook","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ibttf.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-08-12T20:04:57.000Z","updated_at":"2024-12-12T09:00:19.000Z","dependencies_parsed_at":"2023-08-16T00:52:24.943Z","dependency_job_id":"934c0477-cee2-42f7-b0aa-3af56f8e8257","html_url":"https://github.com/ibttf/bayborhood","commit_stats":null,"previous_names":["roylee0912/bayborhood","ibttf/bayborhood"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ibttf/bayborhood","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ibttf%2Fbayborhood","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ibttf%2Fbayborhood/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ibttf%2Fbayborhood/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ibttf%2Fbayborhood/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ibttf","download_url":"https://codeload.github.com/ibttf/bayborhood/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ibttf%2Fbayborhood/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34479553,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-18T02:00:06.871Z","response_time":128,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["data","data-analysis","data-visualization","gis","mapbox","react"],"created_at":"2025-01-01T18:39:19.273Z","updated_at":"2026-06-18T06:32:37.044Z","avatar_url":"https://github.com/ibttf.png","language":"Jupyter Notebook","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bayborhood\nA website designed for people to be find the perfect neighborhood in San Francisco.\n\nDeployed on: [https://bayborhood.com](https://bayborhood.com)\n\n## Table of Contents\n\n- [General Info](#general-information)\n- [GitHub Repo](#github-repo)\n- [Technologies Used](#technologies-used)\n- [Features](#features)\n- [Setup](#setup)\n- [Project Status](#project-status)\n- [Room for Improvement](#room-for-improvement)\n\n## General Information\nThis project was built independently in two weeks using React and Jupyter Notebook.\n\n## GitHub Repo\n\n- [Monorepo] https://github.com/roylee0912/bayborhood\n\n## Technologies Used\n\n- NodeJS (v16), and npm\n- React 17.0.2\n- React-Router-Dom 5.3.3\n- Jupyter Notebook\n- Mapbox GL JS\n\nSee Environment Setup below for instructions on installing these tools if you\ndon't already have them.\n\n## Environment Setup\n\n### Clone repository\n\n**clone** the project repository from github: [https://github.com/roylee0912/revieword](https://github.com/roylee0912/bayborhood)\n\n```console\n\n$ git clone https://github.com/roylee0912/bayborhood\n```\n\n### Install NodeJS\n\nVerify you are running a recent version of Node with:\n\n```sh\nnode -v\n```\n\nIf your Node version is not 16.x.x, install it and set it as the current and\ndefault version with:\n\n```sh\nnvm install 16\nnvm use 16\nnvm alias default 16\n```\n\nYou can also update your npm version with:\n\n```sh\nnpm i -g npm\n```\n\n\n\n### Application Install\n\nAdd a .env file in the root directory, and add a token from Mapbox named \"REACT_APP_TOKEN.\" \n\nYou can make a token [`here`](https://docs.mapbox.com)\n\n\nWhen you're ready to start building your project, run:\n\n```sh\n\ncd bayborhood\nnpm install\nnpm start\n\n\n```\n## Usage\n\n\u003cdiv style=\"width:400px ; height:400px\"\u003e\n\n\u003c/div\u003e\n\n1. [`Select Features`] Click on various features on the sidebar to add filters that are important to you. The neighborhoods will automatically be shaded lighter or darker depending on their proximity to those specific features. Click on the +/- at the top right of the map to zoom in or zoom out, click and move the mouse around to move the map, and select additional features under select filters to specify even further. Click on \"Show Quadrants\" to color in the different quadrants of San Francisco different colors.\n\n\u003cimg width=\"1658\" alt=\"Screenshot 2023-08-30 at 6 19 45 PM\" src=\"https://github.com/roylee0912/bayborhood/assets/60560932/ed3279ca-352f-4bb5-b8cd-598b88cde374\"\u003e\n\n\n\n\n2. [`About`] Click the i icon next to \"Bayborhood\" to open an about page and see where we got our data from.\n\u003cimg width=\"1658\" alt=\"Screenshot 2023-08-30 at 6 25 28 PM\" src=\"https://github.com/roylee0912/bayborhood/assets/60560932/2b335cf1-3655-4030-ba56-c12d924f1221\"\u003e\n\n\n\n\n## Project Status\n\n- Project is: _in progress_.\n\n## Room for Improvement\n- Add proximity to location using Bing Maps Isochrone API\n- Add a priorities list for different features to affect the neighborhoods differently\n- Update responsiveness of drag\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fibttf%2Fbayborhood","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fibttf%2Fbayborhood","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fibttf%2Fbayborhood/lists"}