Senderos-App

Senderos App: Proyecto integrador final para la materia "Taller de Nuevas Tecnologías". UNTDF. 3er Año. 2019.

Integrantes: Maciel Dario, Perez Ignacio, Lopez Damian.

Desarrollo de aplicación móvil en JavaScript con el framework React Native.

Plataforma funcional: Android.

El proyecto surge para cubrir las necesidades del Parque Nacional Tierra del Fuego, que busca el desarrollo de una app interactiva que sirva a los visitantes del parque como guía interactiva y al mismo parque para obtener datos de interés con respecto a las zonas visitadas.

Algunas de las características más importantes de la app:

Sirve como guía interactiva de los distintos atractivos turísticos del parque.
Se pueden listar especies, tanto flora como fauna, senderos existentes y diversos puntos de interés.
La app funciona de manera off-line ya que no existe recepción de wifi en el área.
Existe un mapa interactivo donde se pueden visualizar todos los senderos y los puntos de interés.
Los puntos de interés se irán desbloqueando (se da +info) cuando el usuario se acerque a la zona de ese punto.
Se muestra el pronóstico del tiempo de hasta los próximos cinco días.
Se pueden tomar fotografías y almacenar coordenadas por cuestiones de seguridad.

La app NO es la versión oficial en desarrollo, se trata de la implementación de una parte del proyecto general para la universidad.

Para conocer más información detallada, leer la documentación completa en ./document/Documentación.pdf.

Tecnologías:

Lenguaje: JavaScript
Framework: React Native (v0.59.1)
Cli / Boilerplate: Ignite Andross
Persistencia: Redux (redux, react-redux, react-persist, redux-saga, reduxsauce)
Componentes visuales: React Native Elements
Mapas: Mapbox (react-native-mapbox-gl/maps)
Librería multi-idiomas: i18n
...

Acceso a repo de desarrollo alternativo: https://github.com/ignacioperez99/HikingTool

Standard compliant React Native App Utilizing Ignite

⬆️ How to Setup

Step 1: git clone this repo:

Step 2: cd to the cloned repo:

Step 3: Install the Application with yarn or npm i

▶️ How to Run App

cd to the repo
Run Build for either OS

for iOS
- run react-native run-ios
for Android
- Run Genymotion
- run react-native run-android

🚫 Standard Compliant

This project adheres to Standard. Our CI enforces this, so we suggest you enable linting to keep your project compliant during development.

To Lint on Commit

This is implemented using husky. There is no additional setup needed.

Bypass Lint

If you have to bypass lint for a special commit that you will come back and clean (pushing something to a branch etc.) then you can bypass git hooks with adding --no-verify to your commit command.

Understanding Linting Errors

The linting rules are from JS Standard and React-Standard. Regular JS errors can be found with descriptions here, while React errors and descriptions can be found here.

🔐 Secrets

This project uses react-native-config to expose config variables to your javascript code in React Native. You can store API keys and other sensitive information in a .env file:

API_URL=https://myapi.com
GOOGLE_MAPS_API_KEY=abcdefgh

and access them from React Native like so:

import Secrets from 'react-native-config'

Secrets.API_URL  // 'https://myapi.com'
Secrets.GOOGLE_MAPS_API_KEY  // 'abcdefgh'

The .env file is ignored by git keeping those secrets out of your repo.

Get started:

Copy .env.example to .env
Add your config variables
Follow instructions at https://github.com/luggit/react-native-config#setup
Done!