This is an Angular web application that allows users to enter a US zipcode and view the boundaries of that zipcode on a Mapbox GL JS map. The application utilizes the Boundaries.IO API to fetch the geographic boundaries for the provided zipcode.
- Enter Zipcode: Input a US zipcode to view its boundaries on the map.
- Mapbox GL JS: Displays boundaries on an interactive map.
- Dynamic URL Query: Updates the URL with the entered zipcode for easy sharing and bookmarking.
- Responsive UI: Built as responsive and modern user interface.
Before you begin, ensure you have met the following requirements:
- Node.js: Make sure you have Node.js and npm installed. You can download them from Node.js official website.
- Angular CLI: Install Angular CLI globally using npm.
npm install -g @angular/cli
-
Clone the repository:
git clone https://github.com/NechamaSopher/zip-code-boundaries.git
-
Navigate to the project directory:
cd map-app
-
Install the dependencies:
npm install
-
Set your API keys in src/environments/environments.ts file.
-
Run application:
npm start
-
Build application:
npm run build