Zoo tracker is an application which allows to keep track of animals by recording their info, adding, editing, piping.
- Configuration/dependencies
- Angular CLI version 1.1.0
- Bootstrap v3.3.7
- Specs
- Animal will be added by submitting a form with animal species, name, age, diet, zoo location, number of needed caretakers, sex, one like and one dislike.
- Animals will be displayed on homepage
- User will be able to edit animal's info
- User will be able to to view all animals, only young animals (less than 2 years of age), or only mature animals (more than 2 years of age).
- Potential future functionalities
- Save animal data to database.
- Add custom styling.
- Group animals into categories.
- Show animals based on diet
- Display of the total number of caretakers needed in a day.
- Add a property that records when each animal was admitted. The user could enter a date and time, or the app can generate a timestamp.
- UX/UI
- Install and use Bootstrap
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive/pipe/service/class/module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the -prod
flag for a production build.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
Before running the tests make sure you are serving the app via ng serve
.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.
HTML
CSS
Bootstrap
TypeScript
Angular.js
Copyright (c) 2017 Anna Horodetska The website is licensed under the MIT license.