Jonathon

REQUIREMENTS.md

@@ -1,19 +1,19 @@
 # Requirements
 
 ## Core
-- [ ] An text box on the page that can be used to filter based on the name of a school. When the value of this text box changes, only schools that have the value as a substring of their name should be shown on the map and in the list.
+- [X] An text box on the page that can be used to filter based on the name of a school. When the value of this text box changes, only schools that have the value as a substring of their name should be shown on the map and in the list.
 
   **The `input` element should be available on the global `window` object as a variable named `window.schoolNameFilter`.**
 
-- [ ] A set of checkboxes that can be used to filter based on the grades (K-12) served at a school. When a box is checked, only schools that serve the corresponding grade should be shown on the map. (_You can alternatively choose to include filters for grade levels. If you do, only include options for Elementary, Middle, High, and Transition/Overage -- not, for example, `Elementary-Middle`_).
+- [X] A set of checkboxes that can be used to filter based on the grades (K-12) served at a school. When a box is checked, only schools that serve the corresponding grade should be shown on the map. (_You can alternatively choose to include filters for grade levels. If you do, only include options for Elementary, Middle, High, and Transition/Overage -- not, for example, `Elementary-Middle`_).
 
   **An array of `input` elements should be available on the global `window` object as a variable named `window.schoolGradeFilters` (or `window.schoolLevelFilters` if using school levels instead of grades).**
 
-- [ ] A marker should be present on the map for each school that meets the current filter criteria, and no markers should be present for schools that _do not_ meet the filter criteria.
+- [X] A marker should be present on the map for each school that meets the current filter criteria, and no markers should be present for schools that _do not_ meet the filter criteria.
 
   **The Leaflet Map object that represents the map on the page should be available on the global `window` objects as a variable named `window.schoolMap`.**
 
-- [ ] A list item should be present in the schools list for each school that meets the current filter criteria, and no list items should be present for schools that _do not_ meet the filter criteria. List items should contain at least:
+- [X] A list item should be present in the schools list for each school that meets the current filter criteria, and no list items should be present for schools that _do not_ meet the filter criteria. List items should contain at least:
   - School name
   - Grades served
 

TASKS.md

@@ -1,24 +1,24 @@
-- [ ] Create an _index.html_ with a basic HTML page structure
-- [ ] Create an empty CSS file for the project
-- [ ] Create an empty JavaScrip file for the project
-- [ ] Link to the empty CSS file from the bottom of the `head` of your HTML file
-- [ ] Link to the empty JavaScript file from the bottom of the `body` of your HTML file
-- [ ] Add a level-1 heading (`h1`) to the body with the app title, just so there's something to see on the page
+- [X] Create an _index.html_ with a basic HTML page structure
+- [X] Create an empty CSS file for the project
+- [X] Create an empty JavaScrip file for the project
+- [X] Link to the empty CSS file from the bottom of the `head` of your HTML file
+- [X] Link to the empty JavaScript file from the bottom of the `body` of your HTML file
+- [X] Add a level-1 heading (`h1`) to the body with the app title, just so there's something to see on the page
 
 Check the app in the browser.
 
-- [ ] Add a Leaflet map for displaying the list of schools to the page
+- [X] Add a Leaflet map for displaying the list of schools to the page
   * **Tip:** Usually when I'm starting with a new leaflet map, I just Google "leaflet quickstart" and copy a few things from that page. Other times I may use a CDN like 
   * **Recommendation:** Give your map a meaningful ID -- something like `school-map`, and then name the corresponding JavaScript variable something similar, e.g. `schoolMap`.
-- [ ] Import the data from _site/data/schools.js_ into your JavaScript file.
-- [ ] Create a function called `makeSchoolFeature` to transform one of the school elements into a GeoJSON-like feature. **This function should be made available globally (on the window object)**.
-- [ ] Use the function to display all the `schools` data on the map.
-- [ ] Create a function to show an array of schools on the map.
+- [X] Import the data from _site/data/schools.js_ into your JavaScript file.
+- [X] Create a function called `makeSchoolFeature` to transform one of the school elements into a GeoJSON-like feature. **This function should be made available globally (on the window object)**.
+- [X] Use the function to display all the `schools` data on the map.
+- [X] Create a function to show an array of schools on the map.
 
 ----------
 
-- [ ] Create a list element (unordered -- `ul`) in the HTML give it an id of `school-list`
-- [ ] Write a function that fills in the list with list item (`li`) elements for each school in an array
-- [ ] Add a checkbox for each grade K-12 to the page.
-- [ ] Add a text box to filter schools that contain a given string. The text box should have an id of `school-name-filter`.
-- [ ] Write a predicate function called `shouldShowSchool` that will return `true` if a given school should be shown according to the currently selected filters, and will return `false` if a given school should not be shown. For now, ignore the filters and always return `true`.
+- [X] Create a list element (unordered -- `ul`) in the HTML give it an id of `school-list`
+- [X] Write a function that fills in the list with list item (`li`) elements for each school in an array
+- [X] Add a checkbox for each grade K-12 to the page.
+- [X] Add a text box to filter schools that contain a given string. The text box should have an id of `school-name-filter`.
+- [X] Write a predicate function called `shouldShowSchool` that will return `true` if a given school should be shown according to the currently selcted filters, and will return `false` if a given school should not be shown. For now, ignore the filters and always return `true`.