Current Version: 1.0 - 04.28.2017
Web based animal tracking application using Angular2 framework. Users are able to add, edit, and view zoo animals.
Zoo employees including caretakers and administrators.
- In the terminal, run:
$ git clone <https://github.com/GloriaFriesen/angular-zoo>
$ cd angular-zoo
$ npm install
$ bower install
$ gulp build
$ gulp serve
- In your browser, go to http://localhost:3000
- animal properites
- name
- species
- age
- diet
- location
- number of caretakers
- sex
- likes
- dislikes
- add animals
- edit animals
- view animals
- view based on age
- all
- young (< 2 years old)
- mature (> 2 years old)
- styling
- accessible design
- Add dyslexic font
- high contrast colors
- descriptive links and buttons
- large font size
- SASS
- dispaly animals in table
- toggle form to add new animal
- accessible design
- view based on diet
- herbivore
- carnivore
- omnivore
- meat eaters (carnivore and omnivore)
- display number of caretakers needed
- additional animal properties
- sick (boolean)
- special needs
- medications
- record animal admit date
- view based on species
- calculate caretakers needed for each species
- average age of species
- sort animals based on properties
- Components needed
- root component
- animal-list
- new-animal
- edit-animal
- Contrast ratio (primary font color: background color): 10.69
- Source: http://colorsafe.co
- Dyslexic friendly font
- All font size increased by 150%
None that I know of.
Questions? Concerns? Suggestions? Reach out to me via github: https://github.com/GloriaFriesen.
- Angular2.js
- TypeScript
- HTML
- CSS
- npm
- Bower
- Bootstrap
This software is licensed under the MIT license. Copyright (c) 2017 Gloria Friesen.