This repo contains our team project for Week 4 of Founders and Coders.
Rosmarin is a website/widget 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 of plant names, leveraging searching and filtering. A large plant.json file searched through.
This project is hosted live on : https://rosmarinus.herokuapp.com/
This entire project summarised in a gif
Henry @hrmstockdale
Rohan @RohanSSS
Banna @bantek89
Kate @dubhcait
Aim to make Autocomplete website/widget for plant common names.
Rosmarinus is the latin name for rosemary. Rosemary for the plant but also the association with remembrance.
We used https://trefle.io/ API. It was an easy API to use, one signing up you were given access to a API key. Besides giving us data, it also gave us some design inspiration!
We started off by drawing our software archetecture.
- git clone
https://github.com/FAC-Sixteen/week4-team-pokedex.git - cd in
npm inpm startto run the project on port 7000npm run goto run a live server on port 7000npm testfor testsnpm live-testfor live tests
- Building the different functions in a way that the code is easily read and matainable.
- explaining the abstractions and modules we build to eachother.
- restructing the project after it was partially built.
- group stress levels
- The horror of everything node
- naming is abstraction, naming your functions is understanding them.
- What/ when to modularise. Breaking things up (too much) can spread you too thin.
- giving you info on the searched plant
- Further CSS styling
- make autocompleted options match the length of input
- give the options additional functionality (buttons).... make them <
- make the options focusable, so show one has been selected.
