Ddd1945 / vehicle-tracking-app-react-native-expo

Template of the "Driver control application" for mobile phones(android).

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

“Vehicle Tracking (Vehicles)” in React Native using Google Maps API or equivalent to get an up-to-date fleet location.

Application description:

Vehicle list screen.

  1. The user should be able to filter the vehicles by their categories by clicking the “Apply” button by category:
    1. Cargo;
    2. Passenger;
    3. Special transport.
  2. The elements of the list must contain:
    1. Name of the TS - generated: TS # serial number in the database;
    2. Driver's name;
    3. Vehicle type.
  3. The screen should be able to switch the view from the list mode to the map view, where the vehicle location will be displayed with different icons according to the vehicle type.

TS screen.

  1. By clicking on a vehicle, the user enters the Screen of a particular vehicle. This screen should contain:
    1. A map with the location of the driver;
    2. Vehicle category;
    3. Driver's name;
    4. Contact number of the driver;
    5. Button "Call". Opens the application with a dialer and the already substituted driver's number;
    6. Button "Message". Opens the whatsapp application with a driver chat and a pre-installed message: “Good afternoon, please tell me which order number you currently have in work.”

Screen with settings. Should contain only the ability to switch languages from English to Russian and vice versa.

Code requirements:

  1. The application must be written in TypeScript;
  2. Functional components and React hooks must be used;
  3. Code should be clean and easy to read;

INSTALLATION

  1. Run npm config set legacy-peer-deps true to skip peer dependency conflict checks.
  2. Run npm install to install all required dependencies.

DEVELOPMENT

Run npm start to start a development server.

DEPLOYMENT

  1. Run npm install -g eas-cli to install the latest EAS CLI.
  2. Run eas login to login to your Expo account.
  3. Set Google API key in app.json file.
  4. Set phone number in InfoScreen.tsx file.
  5. Run eas build -p android --profile preview to build project for android.
  6. Install released .apk on your phone.

NOTE!

  1. If eas commands don't work try to use them via npx e.g. npx eas login
  2. In case of "You need to configure Git with your username (user.name)" error or something like that check this tutorial - COWABUNGA!
  3. If you want to configure build project by yourself check the official documentation - EXPO DOCS

P. S. Please, support me - https://ko-fi.com/dendyy1945, subscribe, and give a star to this project if it was helpful for you.

License

MIT

About

Template of the "Driver control application" for mobile phones(android).

License:Other


Languages

Language:TypeScript 99.4%Language:JavaScript 0.6%