Mobile App Development- Animal Tracker

A personal animal tracking app using languages like HTML, CSS, and JQuery.

When 2018 | Skills HTML, CSS, JQuery, Wireframing, Prototyping

Prototype

Interact with the App here.

Username: user0

Password: pass



Background

As part of my mobile web technology class at Academy of Art University, I was given a challenge to develop an animal tracking app which have the following functions:


  • A list of neighborhood animals.
  • Locations of the animals with an option to add new locations.
  • Profile of each animal with options to edit information and delete animal altogther.
  • Profile of user with options to edit informartion and log out.



Information Architecture & Wireframing


Technology

I developed the app using languages like HTML, CSS, and JQuery. While working on the app, I used data that I generated through a random data generator, which involved a little bit of Javascript skills as well. Right in the end, when the functionality of the app was working, I manually created and uploaded the data.



Innovation

I added some extra features to the app for a better user experience.



  • Logo
  • Brand Colors
  • Icon Design


  • Search
  • Call to Action from the map page.


  • Nested Filters
  • Add location by clicking on the map


  • Seamless add animal and location experience.


Interact with the App here.

Username: user0

Password: pass