Paws on Patrol is a platform that utilizes Google Maps API to provide location-based services, helping users find nearby pet sitters. It allows for one-to-one online chat and online payment between pet sitters and pet owners.
Website URL: https://paws-on-patrol.firebaseapp.com
Test Account:
| Account | Password |
|---|---|
| test@test.com | test123 |
Test Card:
| Card number | Expiry | CVC |
|---|---|---|
| 4242 4242 4242 4242 | 12/34 | 123 |
- Paws on Patrol
- Deploying Stripe's third-party payment function using Firebase Cloud Functions and calling it in React.
- Managing member and invitee data through global shared props using useContext.
- Implementing a chat room with useReducer to manage state and component behavior.
- Integrating third-party library React Google Maps API.
- Advanced filtering allows users to find the most suitable pet sitter by price and distance.
- Responsive web design allows users to search for nearby users anytime, anywhere.
- Achieving real-time updates on matching status through Firestore onSnapshot.
- SPA with functional components.
- Used hooks:
useState,useEffect,useRef,useContext,useReducer.
- version: 6.6.1
- Handle the SPA routing.
- Handle module bundling of the project.
- ES6 JavaScript syntax for browser compatibility.
- Sign in and sign up with email and password.
- Holds user data and chat data.
- Host images uploaded from users.
- Host the static content of the project.
- Uses Firebase Functions to deploy Stripe backend functions, which securely process payments and return responses to the frontend.
- Google Maps JavaScript API
- Maps JavaScript API
- Geocoding API
- Stripe
Shu-ting, Chang
Email: tina8899530@gmail.com