NativeScript PetFinder

An example NativeScript application for Petfinder. Built with NativeScript Angular and Ngrx.

Technologies

• NativeScript Angular
• RxJS / NgRx (State / Effects / Actions / Reducers)
• Model-Driven Objects
• Lazy-Loading Modules
• TypeScript Static Sub-classing for NgRx Actions
• Integration with Petfinder API
• Offline Storage (all matches are stored local to the device)
• Social UI

Getting Started

1. Download or clone this repository.
2. Install dependencies npm i or npm install.
3. Install and run your desired runtime tns run ios or tns run android.

App Images

Find Interface

• Geolocation (to get your postal code)
• Breed selector
• Segmented bars for different animal search types

Breed Selector

• Sticky headers for list view scrolling
• Sticky headers with searching
• Custom dialog implementation

Match Interface

• Match with animals based on postal code
• Skip or Love them to create a match

Animal Profiles

• Image carousel of pet images
• Pet information (animated container for pan gestures)
• Map integration, Phone integration and Mail sheet

Credits / References

• Initial App Concept

Contributors

Sean Perkins