https://github.com/jonathas/pet-spa
Pet Web project - A single-page application that displays and lets you manage a list of animals
https://github.com/jonathas/pet-spa
angular angularjs javascript
Last synced: about 2 months ago
JSON representation
Pet Web project - A single-page application that displays and lets you manage a list of animals
- Host: GitHub
- URL: https://github.com/jonathas/pet-spa
- Owner: jonathas
- License: mit
- Created: 2017-11-12T18:59:02.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-11-14T08:13:26.000Z (over 8 years ago)
- Last Synced: 2025-06-09T14:06:54.967Z (about 1 year ago)
- Topics: angular, angularjs, javascript
- Language: CSS
- Homepage:
- Size: 93.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Pet Web project
The goal of this project is to have a single-page application that displays and lets you manage a list of animals.
Each animal is of a specific family (e.g. dog, cat ...), has a name (unique), an age, a diet and a noise. Diet and noise are specific to the
family. It is also important to note that each family is able to perform a special ability (e.g., jump, swim, ...).
The user can select what to display between the following lists:
1 - One displays the various families of animals (called the "global" list).
- This list should display the family name, the diet and the total number of individuals.
- It should be possible to add a new individual.
- A tooltip on the family name will display his noise.
2 - One displays the list of each individuals of a specific family (called the "specific" list)
- This list should display the name and the age of the different animals
- It should be possible to remove an individual.
This project is a static web page and can be executed directly from a browser pointing to a specific file, no need of persistence or
any server.
The document is structured in a way that can provide two different CSS files to modify the layout of the page.
## Running
In order to run this project, just download the code as a zip file or clone the project, and then open the index.html file on your browser.
## TODO
- Implement tests