/angular-zoo

Web application to add and track animals at the zoo using Angular JS

Primary LanguageTypeScript

Angular Zoo

By Gloria Friesen

Zoo Animal Tracking Web Application

Current Version: 1.0 - 04.28.2017

Description

Web based animal tracking application using Angular2 framework. Users are able to add, edit, and view zoo animals.

Intended Users

Zoo employees including caretakers and administrators.

Installation/Setup

  • 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

Preparations

Stuff it needs:

  • 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)

Stuff it wants:

  • 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
  • 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

Stuff it would love:

  • record animal admit date
  • view based on species
  • calculate caretakers needed for each species
  • average age of species
  • sort animals based on properties

Application Map

  • Components needed
    • root component
    • animal-list
    • new-animal
    • edit-animal

Accessibility Features

Known Bugs

None that I know of.

Support and contact details

Questions? Concerns? Suggestions? Reach out to me via github: https://github.com/GloriaFriesen.

Technologies Used

  • Angular2.js
  • TypeScript
  • HTML
  • CSS
  • npm
  • Bower
  • Bootstrap

License

This software is licensed under the MIT license. Copyright (c) 2017 Gloria Friesen.