React Native TaskMan App With Backend [Developer Edition]

React Native TaskMan App With Backend [Developer Edition] 1.1.0

An ideal starter kit / app script with all the needed UI elements and API built using NativeBase, Redux, Firebase to build your iOS and Android TaskMan / service provider app just like UrbanClap, TaskRabbit, Takl.

Note: This Product is a pure React Native application.


Development Environment
Demo Available

Fully customizable, ready-to-use screens for users with easily configurable application design, and the right UX for a service based app.

  • ● Splash screen
  • ● Welcome
  • ● Login
  • ● Sign Up
  • ● Change Password
  • ● Home
  • ● Profile
  • ● Payment Details
  • ● Payment Options
  • ● Select Card
  • ● Add Card
  • ● Review & Rating
  • ● Booking History
  • ● Earning for tasker

React Native TaskMan App With Backend [Developer Edition]

Technologies Used

  • React Native
  • NativeBase
  • React Native Router Flux
  • React Native Easy Grid
  • Redux
  • Firebase
  • Firestore
React Native TaskMan App With Backend [Developer Edition]

Demo

Fetching Features

  • Single App for User and Tasker
  • Single JavaScript codebase for iOS and Android
  • Facebook login for users
  • User can fetch a list of nearby taskers within predefined radius
  • User & Tasker can upload, delete profile image
  • User can filter their choice based on task / service
  • User can track tasker's location in realtime
  • User can view all the nearby taskers on the map
  • Auto-suggest functionality for locations
  • Stripe payment gateway
  • App can store, display task history
  • User and tasker can see each other's details(name, contact info, ratings, etc.)
  • Support for English, Chinese, French, and German languages
  • User can add rating and feedback to the tasker post completion of task
  • Tasker can set their availability
  • User can mark a tasker as favourite
  • User can book instant service and also select their favourite tasker
  • Push Notifications for new task and updates

Installation Video

Roadmap

  • Dashboard
  • Schedule a task

Package

React Native TaskMan App With Backend

  • ● @mapbox/polyline: ^1.0.0
  • ● @shoutem/theme: ^0.11.1
  • ● crypto-js: ^3.1.9-1
  • ● fbjs: ^0.8.16
  • ● firebase: 4.12.1
  • ● firebase-admin: ^5.12.1
  • ● firebase-cron: ^1.0.1
  • ● firebase-functions: ^1.0.4
  • ● firebase-queue: ^1.6.1
  • ● fs-extra: ^5.0.0
  • ● lodash: ^4.17.5
  • ● moment: ^2.22.1
  • native-base: ^2.4.1
  • ● prop-types: ^15.6.1
  • ● react: 16.3.0
  • react-native: 0.54.4
  • ● react-native-actionsheet: ^2.4.0
  • ● react-native-communications: ^2.2.1
  • ● react-native-credit-card-input: ^0.4.1
  • ● react-native-datepicker: ^1.7.2
  • ● react-native-extra-dimensions-android: ^0.21.0
  • ● react-native-fbsdk: ^0.7.0
  • ● react-native-fetch-blob: ^0.10.8
  • ● react-native-firebase: 4.2.0
  • ● react-native-google-places: ^2.4.2
  • ● react-native-i18n: ^2.0.12
  • ● react-native-image-crop-picker: ^0.20.3
  • ● react-native-keyboard-aware-scroll-view: ^0.5.0
  • ● react-native-lightbox: ^0.7.0
  • ● react-native-localization: ^1.0.10
  • ● react-native-maps: 0.21.0
  • ● react-native-modal-dropdown: ^0.6.2
  • ● react-native-multiple-select: ^0.4.4
  • ● react-native-permissions: 1.1.1
  • ● react-native-popup-dialog: ^0.11.46
  • ● react-native-router-flux: ^4.0.0-beta.28
  • ● react-native-share: ^1.0.27
  • ● react-native-splash-screen: ^3.0.7
  • ● react-native-star-rating: ^1.0.9
  • ● react-native-swiper: ^1.5.13
  • ● react-native-timer: ^1.3.1
  • ● react-redux: ^5.0.7
  • ● readline: ^1.3.0
  • redux: ^3.7.2
  • ● redux-form: 7.3.0
  • ● redux-form-validators: ^2.4.3
  • ● redux-persist: ^5.9.1
  • ● redux-saga: ^0.16.0
  • ● reduxsauce: ^0.7.0
  • ● replace-in-file: ^3.4.0
  • ● seamless-immutable: ^7.1.3
  • ● stripe: 5.7.0
  • ● superagent: ^3.8.3
  • ● babel-eslint: ^8.2.2
  • ● babel-jest: 22.4.3
  • ● babel-preset-react-native: 4.0.0
  • ● babel-preset-react-native-stage-0: ^1.0.1
  • eslint: ^4.19.1
  • ● eslint-config-airbnb: ^16.1.0
  • ● eslint-plugin-import: ^2.12.0
  • ● eslint-plugin-jsx-a11y: ^6.0.3
  • ● eslint-plugin-node: ^6.0.1
  • ● eslint-plugin-prettier: 2.6.0
  • ● eslint-plugin-promise: ^3.7.0
  • ● eslint-plugin-react: ^7.8.2
  • ● eslint-plugin-react-native: ^3.2.1
  • ● fs-extra: ^5.0.0
  • ● husky: ^0.14.3
  • ● jest: 22.4.3
  • ● lint-staged: ^7.0.2
  • ● path: ^0.12.7
  • ● prettier-eslint: ^8.8.1
  • ● react-native-bundle-visualizer: ^1.2.0
  • ● react-test-renderer: 16.3.0
  • ● redux-logger: ^3.0.6
  • ● remote-redux-devtools: ^0.5.12
  • ● replace-in-file: ^3.4.0

BROUGHT TO YOU BY

Start building your app today!

Get Started