Application Preview:
Have you ever wondered about a Service Providing Hybrid Application where you have an app from which you can request any service by adding relevant details to it and you don’t have to go anywhere for it and on the other App there are many service providers from which one can perform that job in real time while the you can can see their work status, give payment and provide feedback on their work.
However one such case is finding and hiring the best mechanic near you for your car wherever you are – Find Mechanic.is on such on-demand Service providing Hybrid Mobile Application build using React Native v0.61.4 for providing Mechanical service to the consumer. It facilitates both user and service provider by providing user ease in getting his/her vehicle fixed anywhere any time at very cheap cost while mechanics have the opportunity to get his/her earnings easily while increasing his/her profile reviews and ratings. Find Mechanic is not just an application, it’s a medium for big business opportunities.
In order to use and run the app template on Android and iOS you need to have knowledge of React Native. You also need to be able to install React Native and its dependencies on your machine. We recommend you to use the React Natice official installation guide to get started https://reactnative.dev/docs/getting-started. The App Template is built on React Native v0.61.4.
We then will be happy to answer all the app related questions/issues.
2 in 1 App: Single app with role based handling of User and Mechanic Screens.
Left Navigation Menu Using React Navigation: Left navigation menu contains all the features using React native navigation with easy customisation.
Network Connection Handler: All the Screen reconfigured with Network availability and if there is no internet then the screen will be directed to proper No Network Connection Screen.
Predefined Data binding & Backend Integration Ready: All the screens are properly structured and data are bonded with dummy values. Code in all the screens are written in such a way that it can easily be integrated to any backend technology stack.
Proper handling of Empty Pages, Screen Loader and Pagination: All the Screen contains proper handling code of no data message, screen loader for calling backend apis and pagination (infinite loader) with easy customisation.
Toasts & Alerts: Added ability to display alerts, success , errors, loadings , and more.
Animations : Beautiful Animations are added on each screen and items.
Ask Permission: Added permission for location, gallery, camera and wifi on both iOS and Android using react native permission library and for full documentation please read the link https://github.com/zoontek/react-native-permissions.
Responsive Device: App Template is responsive to support screen sizes from 4” to 10” devices.
Media Viewer: React native media viewer is supported to view images using react native image zoom view. For full documentation please see the link https://github.com/ascoders/react-native-image-viewer
React Native Elements: React native elements are used for designing the application theme and custom components are built like Button, ListView, Search Bar, Header Bar , Popup Modal, TestArea, Images etc for reusability. For full documentation please see the link
Authentication
Login Screen
Register Screen
PIN Code Base Phone Number Verification
Find Mechanic
Maps and Geolocation
This feature allows you to pinpoint any location you want and map out different routes to locate mechanics near you.
Nearby mechanics will be shown as a custom pointer on the map and tapping on either mechanic will take you to the Request New Service Screen.
Access user’s Geolocation using GeoLocation Plugin
Search Another Location
You can change your location through the search location screen.
You can also set your home location or bookmarks to your favourite locations on the search location screen.
Filter Mechanics By Vehicle Type
Satellite Map View
Mechanic profile View and Request New Service
Each mechanic point show a popup contains the relevant information regarding the mechanic for example: rating, total reviews, visiting charges and distance.
You can tap on any mechanic pointer to show their profile or request a new service.
Mechanic profile contains the personal information & reviews.
Profiles
User Profile
User Profile screen to view and edit user personal information like username, profile image, phone number, home address, gender, date of birth etc
React Native Image Picker Library is configured for choosing images from Gallery or Take Photo from Camera on Both iOS and Android.
Full Documentation of React Native Image Picker can be found on link https://github.com/react-native-image-picker/react-native-image-picker
Mechanic Profile
My Services
Service Listing and Tabs
Service listing shows all requested services with service details and service completion statuses.
Service tabs filter the services by recent requests, completed services and archived services.
Request New Service Screen
Service Assigned Mechanic and their job statuses
Service Invoice
Multiple Workflow of Service Request & Completion
Service accomplished by various stages of workflow using different actions for example Service accepted, Assign Mechanic, Remove Mechanic, Mark Service as completed, Invoice Paid etc.
Custom status can be added or removed based on requirements.
Job
Job Listing and Tabs
Job Details Screen
Job Timeline
Job Invoice
View Job Feedback
Multiple Workflow of Job
Notifications Center
Listing Screen
Firebase (FCM SDK) Push Notification Support for iOS and Android
React Native Notifee Library Configuration
React Native Notifee library is pre configured with this template to show beautiful custom notification to the user on either foreground or background.
Full React Native Notifee Library Documentation can be found in the link https://notifee.app/react-native/docs/installation
Wallet
Detail Screen
Added ability for user and mechanic to maintain their credits in virtual app wallet, view transaction history, Add Credit to the wallet through Credit Card, Easy Paisa and Scratch Cards etc.
Ability to send credit to another user using their contact number.
Rewards
Reward Screen
Added ability for users to receive timely rewards against their requested service and keep their points in the form of a membership card.
Mechanics also receive rewards after completion of each job.
Points & Voucher Screen
Ability for users to view their points history.
Voucher can also be availed by the user.
Packages
Weekly & Monthly Packages for Mechanic
View Active Package
Help & Support
Report a Problem?
Ask a Question
Predefined Support Question
Settings
General Settings