Animal Tracking
Coding • Mobile Application Development • Fall 2020
Overview
This application is used to track the animals that users see in the Bay Area and record it.
Tools Used
HTML specific for mobile devices, HTML5 Web APIs, jQuery Mobile JQ, JavaScript, CSS3
Color
Primary
#F27987
#424242
Secondary
#f0f0f1
#9e4f59
Font
#424242
#83838f
Typography
Heading
Aa
Suez One
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890 !@#$%^&*()_+
Body
Aa
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890 !@#$%^&*()_+
Workflows
Sketch
Final Design
Find and update an animal profile
Users can check out the latest location of an animal and access its profile. Add pages for tracking history and editing profiles.
Search
Users can search for a pink paw based on its name in the search bar and filter it.
Add a new pink paws
Users can add a new animal to the list.
Go to user profile
Users can edit their information and password.
