https://github.com/sean-perkins/nativescript-petfinder

Social app for adopting animals near you using the Petfinder API. Built with NativeScript.
https://github.com/sean-perkins/nativescript-petfinder

nativescript nativescript-angular nativescript-template ngrx

Last synced: 6 days ago
JSON representation

Social app for adopting animals near you using the Petfinder API. Built with NativeScript.

• Host: GitHub
• URL: https://github.com/sean-perkins/nativescript-petfinder
• Owner: sean-perkins
• Created: 2017-08-29T06:58:46.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-10-24T17:31:13.000Z (about 7 years ago)
• Last Synced: 2024-12-26T21:30:43.491Z (11 days ago)
• Topics: nativescript, nativescript-angular, nativescript-template, ngrx
• Language: TypeScript
• Size: 2.87 MB
• Stars: 13
• Watchers: 5
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://cdn.dribbble.com/users/218187/screenshots/2971837/_003_copy_15.png)

# Contributors

[](https://github.com/sean-perkins) |

:---:

|[Sean Perkins](https://github.com/sean-perkins)|