Autocomplete website
Team VITH has built a site that allows you to search for the scientific name of an animal, based on its "common name". The autocomplete search function updates as you type, suggesting possible common animal names.
☺️
Completed user stories - A website that enables users to quickly find and select words from a list of suggestions, as they type.
- The list is dynamically generated from a pre-populated list of values (i.e. a dictionary file), leveraging searching and filtering.
- A large JSON data file is on the server to search through
Other goals completed
- Back-end testing using
nyc
- Host project on heroku
- Broke code into smaller modules that are imported etc
📦 - Good server file structure (
public
andsrc
folders used)
✈️
Our journey Day One (Wednesday)
- Used whiteboard to do the software architecture
- Extended mob session: did the skeleton code. ☠️
- One pair: connected front end and back end, making sure fetch is reaching handlers. Started on DOM.js.
- The other pair: initial tests (using TDD) and backend logic base
Day Two (Thursday)
Morning:
- One pair: focused on backend logic (data formatting and search function) 👾
- The other pair: DOM manipulation (the list appears/disappears), CSS styling for the list style, refactoring URL for fetch requests.
Afternoon:
- We discussed what the final result should be returned.
- One Pair: finished backend logic.
- The other pair: linking up the second API request and refactoring the code (suggest VS search code)
- Finally we all huddled around and set up the site on heroku
💻
Resources
- Mammal Dataset source: https://www.departments.bucknell.edu/biology/resources/msw3/
- Convert CSV data to JSON: http://www.convertcsv.com/csv-to-json.htm