A beautiful React Native (Expo) app for browsing, viewing, and adopting pets, with real-time location and dark/light mode support.
- Browse a list of pets (local JSON data)
- View pet details and simulate adoption with a payment screen
- Real-time device location with simulated map
- Global dark/light mode toggle (in the app header)
- Modern, responsive UI
- Home: List of pets, location button, dark/light toggle
- Pet Details: Pet info, image, and "Adopt" button
- Adopt: Simulated payment/adoption process
- Location: Shows your coordinates and a map simulation
- Install dependencies:
npm install
- Start the Expo server:
npm start
- Scan the QR code with Expo Go (iOS/Android) or run on an emulator.
You can test the latest Android build using Expo:
- Toggle dark/light mode from the app header (top right)
- All screens update instantly
- React Native (Expo)
- Expo Router
- expo-location
- @expo/vector-icons
app/
_layout.tsx # Root layout, dark mode context
Home.jsx # Home screen (pet list)
PetDetail.jsx # Pet details screen
Adopt.jsx # Adoption/payment screen
Location.jsx # Location/map screen
assets/
pets.json # Local pet data
MIT