Application for live tracking food trucks

Application for live tracking food trucks

Application for live tracking food trucks .Welcome to Food Truck Forager. Food Truck Forager provides users access to food trucks in their area. Food trucks load automatically as a user traverses to new areas within Google Maps or Apple Maps

Food Truck Forager

Application for live tracking food trucks

Description

Welcome to Food Truck Forager. Food Truck Forager provides users access to food trucks in their area. Food trucks load automatically as a user traverses to new areas within Google Maps or Apple Maps. Users can save their favorite trucks, review trucks, and earn achievements based on how often they visit food trucks via QR code scanning. Additionally, users can receive push notifications for trucks in their area! All photos uploaded are automatically tagged via machine learning AI image classification for screen reader accessibility options and photo content search. Food Truck Forager also allows food truck owners to create a business account and easily connect to current and potential customers. Truck owners can create posts and generate QR codes for user badge earning. Owners can also easily update their location on the map via marker dragging and update their open/closed status instantly.

Dependencies

  • Babel
  • Eslint
  • Express
  • Node
  • Axios
  • PostgreSQL
  • Sequelize
  • Expo
  • React Native
  • React Native Maps
  • React Navigation
  • React Native Paper
  • TensorFlow.js
"dependencies": {
    "@react-native-community/async-storage": "~1.11.0",
    "@react-native-community/datetimepicker": "^2.4.0",
    "@react-native-community/masked-view": "0.1.10",
    "@react-navigation/native": "^5.7.3",
    "@react-navigation/stack": "^5.9.0",
    "@tensorflow-models/coco-ssd": "^2.1.0",
    "@tensorflow/tfjs": "^2.3.0",
    "@tensorflow/tfjs-backend-cpu": "^2.3.0",
    "@tensorflow/tfjs-backend-webgl": "^2.3.0",
    "@tensorflow/tfjs-core": "^2.3.0",
    "@tensorflow/tfjs-react-native": "^0.3.0",
    "axios": "^0.20.0",
    "babel-plugin-inline-dotenv": "^1.6.0",
    "cors": "^2.8.5",
    "dotenv": "^8.2.0",
    "expo": "~38.0.8",
    "expo-barcode-scanner": "~8.2.1",
    "expo-camera": "~8.3.1",
    "expo-constants": "~9.1.1",
    "expo-gl": "^8.3.1",
    "expo-google-app-auth": "^8.1.2",
    "expo-image-picker": "~8.3.0",
    "expo-notifications": "~0.3.3",
    "expo-permissions": "~9.0.1",
    "expo-status-bar": "^1.0.2",
    "expo-web-browser": "~8.3.1",
    "express": "^4.17.1",
    "fuzzy-search": "^3.2.1",
    "jpeg-js": "^0.4.2",
    "node-fetch": "^2.6.1",
    "nodemon": "^2.0.4",
    "pg": "^8.3.3",
    "react": "~16.11.0",
    "react-dom": "~16.11.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz",
    "react-native-custom-qr-codes-expo": "^2.2.0",
    "react-native-elements": "^2.3.2",
    "react-native-fs": "^2.16.6",
    "react-native-gesture-handler": "~1.6.0",
    "react-native-maps": "0.27.1",
    "react-native-masked-view": "^0.2.0",
    "react-native-paper": "^4.2.0",
    "react-native-qrcode-svg": "^6.0.6",
    "react-native-reanimated": "~1.9.0",
    "react-native-redash": "^8.0.0",
    "react-native-safe-area-context": "~3.0.7",
    "react-native-safe-area-view": "^1.1.1",
    "react-native-screens": "~2.9.0",
    "react-native-svg": "12.1.0",
    "react-native-timeago": "^0.5.0",
    "react-native-view-more-text": "^2.1.0",
    "react-native-web": "~0.11.7",
    "react-native-webview": "^9.4.0",
    "react-native-word-cloud": "^1.0.7",
    "react-navigation": "^4.4.0",
    "react-navigation-drawer": "^2.5.0",
    "react-navigation-stack": "^2.8.2",
    "sequelize": "^6.3.4"
  },
  "devDependencies": {
    "@babel/core": "^7.8.6",
    "@types/react": "~16.9.41",
    "@types/react-native": "~0.62.13",
    "@typescript-eslint/eslint-plugin": "^3.10.1",
    "@typescript-eslint/parser": "^3.10.1",
    "eslint": "^7.7.0",
    "eslint-config-airbnb-typescript": "^9.0.0",
    "eslint-config-universe": "^4.0.0",
    "eslint-plugin-import": "^2.22.0",
    "eslint-plugin-jsx-a11y": "^6.3.1",
    "eslint-plugin-react": "^7.20.6",
    "eslint-plugin-react-hooks": "^4.1.0",
    "typescript": "~3.9.5",
    "husky": "^4.2.5"
  },

Installation

First, install PostgreSQL 12 on your machine: https://www.postgresql.org/download/

Then, use node -v to check your current version of Node. Upgrade to 12, if not currently on version 12.

Development:

npm install                     // installs dependencies
// go to /node_modules/react-native-material-textfield/src/components
// add '//' in front of line 27 in affix/index.js: // style: Animated.Text.propTypes.style,
// add '//' in front of line 13 in helper/index.js: // style: Animated.Text.propTypes.style,
// add '//' in front of line 32 in label/index.js: // style: Animated.Text.propTypes.style,
psql -U root                    // log in to postgreSQL with your password
CREATE DATABASE foodtruckdb;    // create postgreSQL database
\c foodtruckdb;                 // connect to foodtruckdb database
npm run server                  // starts development server
npm run test-db                 // tests database commands and populates w/ sample data
expo start                      // runs compiler for Expo

Environment Variables

Place in a .env file in outermost directory

env_variables:
  GOOGLE_PLACES_API_KEY          // Google Places API Credential
  EXPO_iosClientId               // Google Development Console iOS Client ID
  EXPO_androidClientId           // Google Development Console Android Client ID
  EXPO_LocalLan                  // localLanAddress:ServerPort (find via ipconfig or ifconfig, default port:8080)
  CLOUDINARY_NAME                // name to use for Cloudinary image uploads
  CLOUDINARY_URL                 // URL to use for Cloudinary image uploads
  CLOUDINARY_API_KEY             // key for Cloudinary image uploads
  CLOUDINARY_API_SECRET          // secret to use for Cloudinary image uploads 
  CLOUDINARY_UPLOAD_PRESET       // preset for Cloudinary image uploads
  DB_USERNAME                    // PostgreSQL login username
  DB_PASSWORD                    // PostgreSQL password
  DB_HOST                        // database host (default=localhost)
  DB_PORT                        // database port (default=5432)
  DB_DBNAME                      // database name (default=foodtruckdb)

References

Download PostgreSQL

Contact

Download Details:

Author: foodtruckforager

Source Code: https://github.com/foodtruckforager/ftf

react react-native mobile-apps

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

React Native Mobile App Development

Skenix is providing React Native Development Services with qualified React Native App Developers. Get the best React Native App Development Services.

How React Native Is Shaping Mobile App Development

Are you a mobile app developer looking for more efficient tools for your projects? Mobile app development is getting tougher and tougher as the market continues to grow. As a developer, you need to develop Apps which meet the demands of your users. To achieve this, adopt the right tools, like the React Native development framework.

Top React Native Mobile App Development Companies in USA

Looking for top React Native mobile app development company in USA for Startups & Enterprise? Find out the top list of React Native mobile app development company in USA.

Which is the best React Native app development company in New York?

Hire top react native app development company in New York to build and develop custom react native mobile apps for Android & iOS with the latest features.