GithubHelp home page GithubHelp logo

codemargaret / angular-zoo Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 73 KB

An app to track information about individual zoo animals (Epicodus JavaScript Week 3 Code Review)

TypeScript 63.50% JavaScript 29.79% HTML 5.69% CSS 1.01%
javascript angular2 epicodus-students typescript

angular-zoo's Introduction

Zoo Animal Tracker

An application that allows a user to keep track of information about individual zoo animals, 10.27.2017

By Margaret Berry

Description

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.

Setup/Installation Requirements

Run the following commands in Terminal:

  • $ git clone this repository
  • $ cd angular-zoo
  • $ npm install
  • $ bower install
  • $ gulp build
  • $ npm start

User Stories

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

Specifications

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

Known Bugs

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.

Support and contact details

If you have any updates or suggestions please contact Margaret or make a contribution yourself.

Technologies Used

  • JavaScript
  • Angular 2
  • Node
  • Bower

License

This software is licensed under the MIT License

Copyright (c) 2017 Margaret Berry

angular-zoo's People

Contributors

codemargaret avatar

Watchers

 avatar  avatar

angular-zoo's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.