Profiles, the pet map and chat.
The screens use a local copy of the API with sample data and free-licensed (CC0) pet and portrait photos.
A quick video tour.
A short tour of the pet map, public posts and chat, with music.
Open or download the tourPets and profiles
Sign in, see your pets and add a new one.
Enlarge image: WelcomeWelcome
The Petzap start screen.
Enlarge image: Sign inSign in
Email sign-in, with Google and Apple options.
Enlarge image: HomeHome
Your pets, friends' latest post and quick links to the pet map.
Enlarge image: Pet profilePet profile
Species, breed, posts, followers and a pet map toggle.
Enlarge image: Add a petAdd a pet
Name, type, gender, breed, birthday and vaccination details.
Discover
The pet map, public posts and friends' activity.
Enlarge image: Pet mapPet map
Pets nearby on a map, with a quick list across the top.
Enlarge image: A friend's petA friend's pet
Open a pet from the map to see its profile and follow it.
Enlarge image: ExploreExplore
Search people and pets, with public posts in a grid under the map.
Enlarge image: Friends' activityFriends' activity
Posts from friends, with likes and comments.
Enlarge image: CommentsComments
Comment on a post without leaving the feed.
Friends and chat
Friends, conversations and settings.
Enlarge image: FriendsFriends
Your friends, pending invites and requests, with a message shortcut.
Enlarge image: ChatsChats
Conversations with friends and their latest message.
Enlarge image: ChatChat
One-to-one chat between pet owners.
Enlarge image: SettingsSettings
Posts, friends, password, policies and blocked accounts.
A social app where pets have the profiles.
Petzap gives every pet its own profile. Owners add their pets, show them on a pet map if they choose, post photos and follow other pets. Friends can comment, like and chat.
The hard part
Pet owners want to meet other owners nearby, but most social apps are built around people, not pets. The app had to put pets first in profiles, the map and the feed, while keeping location sharing a per-pet choice.
From a profile to a playdate
Profile
Add a pet with its type, breed, birthday and vaccination details.
Discover
Browse pets nearby on the map, explore public posts and follow the pets you like.
Connect
Add friends, comment on their posts and plan a meet-up in chat.
My part of the project.
- React Native app for iOS and Android
- Node.js and MongoDB API for pets, posts, friends and chat
React Native and Node.js engineering · Talha Manzoor. The product belongs to its owners. This page describes the whole product, not only my part.
What’s in the code
Mobile app
React Native with TypeScript, React Navigation stacks and tabs, Zustand stores persisted to MMKV, and React Hook Form with Zod validation.
Map and media
react-native-maps for the pet map, with image and video posts uploaded as form data.
API and chat
An Express and MongoDB API with JWT auth for pets, posts, comments, likes and friends; PubNub carries chat and push notifications.
A pet social app, end to end
I, Talha Manzoor, built the React Native app and its Node.js API. The pet profiles, map, posts, comments, friends and chat all run in the code. The Network tab and the Gaming shortcut were still placeholders, so they aren’t shown.
Tools we used.
Based on the code I worked with or my own work on the project. The live product may use different tools today.
See the product.
This older project has no download links right now.
