An application that allows a user to keep track of information about individual zoo animals, 10.27.2017
This application allows users to store and edit information about individual zoo animals, including name, species, age, and more. Animals can be viewed in a list, which can be filtered by animal age.
Run the following commands in Terminal:
- $ git clone this repository
- $ cd angular-zoo
- $ npm install
- $ bower install
- $ gulp build
- $ npm start
- A user can log a newly-admitted animal by submitting a form with animal species, name, age, diet, zoo location, number of needed caretakers, sex, one like and one dislike.
- A user can view a list of animals they have logged.
- A user can view all animals, only young animals (less than 2 years of age), or only mature animals (2 years of age and older).
- A user can click an animal to edit its name, age or caretakers.
Spec | Input | Output |
---|---|---|
Log a new animal and see it in the list. | New Animal: Name: Simba, Age: 3, Zoo Location: Mammal Trail, Caretakers: 2, Sex: Male, Likes: Nala, Dislikes: Scar | Animal List: Name: Simba, Age: 3, Zoo Location: Mammal Trail, Caretakers:2, Sex: Male Likes: Nala, Dislikes: Scar |
Edit an animal's name, age, or caretakers and see changes in the list. | Edit Animal: Name: King Simba, Age: 4, Caretakers: 3 | Animal List: Name: King Simba, Age: 4, Zoo Location: Mammal Trail, Caretakers: 3, Sex: Male Likes: Nala, Dislikes: Scar |
See only animals under 2 | Filter by Age: Young animals | Animal List: Name: Baby Simba, Age: 1 |
See only animals age 2 and over | Filter by Age: Mature animals | Animal List: Name: Mufasa, Age: 10 |
Accepts empty inputs.
In the future, I would like to expand the application to display the total number of caretakers needed, and to sort animals by species and diet.
If you have any updates or suggestions please contact Margaret or make a contribution yourself.
- JavaScript
- Angular 2
- Node
- Bower
This software is licensed under the MIT License
Copyright (c) 2017 Margaret Berry