Code Monkey home page Code Monkey logo

camping-app's Introduction

Camping App

It is mobile app for two major platforms developed using React Native & Expo & Firebase for authentication & Redux Toolkit as an internal decentralized store & MongoDB for the main storage.

Getting started

1. Run application locally (without building)

  • Download Node.js package manager.
  • Clone or download project sources (a green icon in the action bar).
  • Under the downloaded folder open the window terminal (or another like PowerShell or Git Bash).
  • Install all the project dependencies:
npm install
  • Create .env file in the project root folder with the same structure:
REACT_APP_FIREBASE_API_KEY=YOUR_FIREBASE_KEY
REACT_APP_FIREBASE_APP_ID=YOUR_FIREBASE_APP_ID
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=YOUR_FIREBASE_MESSAGING_SENDER_ID
REACT_APP_GOOGLE_WEBCLIENT_ID=YOUR_GOOGLE_WEBCLIENT_ID
REACT_APP_ANDROID_CLIENT_ID=YOUR_ANDROID_CLIENT_ID
REACT_APP_CAMPING_API_KEY=YOUR_CAMPING_API_KEY
REACT_APP_CAMPING_BASE_URL=https://developer.nps.gov/api/v1/campgrounds
REACT_APP_BACKEND_URL=YOUR_BACKEND_SERVICE_URL

Useful Tips:

So now all code is prepared, but we need to configure a mobile device

  1. First of all install the Expo Go application from Google Play (Android) or App Store (IOS).
  2. Run the development server in the windows terminal:
npm run start 
  1. Wait until Expo is ready and scan the QR code of the application (when you don't see it - press C button or ? to show all the commands):

  2. Open the QR code scanner (for Android) or Camera for the IOS and follow the link, wait until the bundle ends and see the working app.

2. Install the application Android bundle APK

  • Application for android devices is available or the right panel in this repository below About section

3. Install development build for Android (without the Expo Go app)

Links & Sources

  1. Node.js environment - https://nodejs.org/uk/
  2. Expo documentation - https://docs.expo.dev/
  3. Camping location api used in the app - https://www.nps.gov/subjects/developer/api-documentation.htm
  4. Camping backend documentation - https://camping-api-ggo.onrender.com/api-docs/)
  5. For an environment variable REACT_APP_BACKEND_URL use that link.
  6. Google authorization setup - https://www.youtube.com/watch?v=MBMWiTsqnck

Troubleshooting


'keytool' is not recognized as an internal or external command, operable program or batch file.

Install java on your computer - follow this link

Go to My computer -> right click -> system properties -> environmental variables -> Path -> add you jdk/bin to this path

C:\Program Files\Java\jdk-17.0.2\bin

Save and restart your terminal. Test the command:

keytool --help

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.