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.

Next Project

Recipe App

UI/UX Application Design  

Follow

  • Linkedin
  • YouTube
  • Facebook
  • Instagram

© 2020 by Safa Badamchi.