fix

App.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import Navigation from './Navigation';
+
+export default function App() {
+  return (
+    <Navigation />
+  );
+}

Navigation.js

@@ -0,0 +1,72 @@
+import React from "react";
+import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
+import { createNativeStackNavigator } from "@react-navigation/native-stack";
+import { NavigationContainer } from "@react-navigation/native";
+import { Entypo } from '@expo/vector-icons'; 
+import { Ionicons } from '@expo/vector-icons';
+
+// Import the screens to be used in the navigator
+import Denuncias from "./screens/Denuncias";
+import Derechos from "./screens/Derechos";
+import Analisis from "./screens/Analisis";
+import Formulario from "./screens/Formulario";
+import Lista from "./screens/Lista";
+import Drna from "./screens/Drna";
+import { TabBarIOSItem } from "react-native";
+
+const StackDenuncias = createNativeStackNavigator();
+
+function Stacks() {
+  return (
+    <StackDenuncias.Navigator initialRouteName="DenunciasIni">
+      <StackDenuncias.Screen name="Denuncias" component={Denuncias} />
+      <StackDenuncias.Screen name="Formulario" component={Formulario} />
+      <StackDenuncias.Screen name="Lista" component={Lista} />
+      <StackDenuncias.Screen name="Drna" component={Drna} />
+    </StackDenuncias.Navigator>
+  );
+}
+
+const Tab = createBottomTabNavigator();
+
+function Tabs() {
+  return (
+    <Tab.Navigator initialRouteName="DenunciasIni">
+      <Tab.Screen
+        name="Denuncias"
+        component={Stacks}
+        options={{
+                tabBarIcon: ({}) => (
+                    <Entypo name="megaphone" size={24} color="black" />
+                ),
+                 headerShown:false
+            }} 
+      />
+      <Tab.Screen 
+      name="Derechos" 
+      component={Derechos} 
+      options={{
+      tabBarIcon: ({}) => (
+                    <Ionicons name="ios-newspaper-outline" size={24} color="black" />
+                )
+            }}
+      />
+      <Tab.Screen 
+      name="Analisis" 
+      component={Analisis} 
+      options={{
+                tabBarIcon: ({}) => (
+                    <Ionicons name="earth" size={24} color="black" />
+                )
+            }}   />
+    </Tab.Navigator>
+  );
+}
+
+export default function Navigation() {
+  return (
+    <NavigationContainer>
+      <Tabs />
+    </NavigationContainer>
+  );
+}

app.json

@@ -0,0 +1,33 @@
+{
+  "expo": {
+    "name": "Aco",
+    "slug": "Aco",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "updates": {
+      "fallbackToCacheTimeout": 0
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#FFFFFF"
+      }
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}

babel.config.js

@@ -0,0 +1,6 @@
+module.exports = function(api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+  };
+};

package.json

@@ -0,0 +1,30 @@
+{
+  "name": "aco",
+  "version": "1.0.0",
+  "main": "node_modules/expo/AppEntry.js",
+  "scripts": {
+    "start": "expo start",
+    "android": "expo start --android",
+    "ios": "expo start --ios",
+    "web": "expo start --web"
+  },
+  "dependencies": {
+    "@react-navigation/bottom-tabs": "^6.4.0",
+    "@react-navigation/native": "^6.0.13",
+    "@react-navigation/native-stack": "^6.9.1",
+    "expo": "~47.0.3",
+    "expo-status-bar": "~1.4.2",
+    "react": "18.1.0",
+    "react-native": "0.70.5",
+    "react-native-custom-navigation-tabs": "^3.0.1",
+    "react-native-dropdown-select-list": "^2.0.2",
+    "react-native-gesture-handler": "~2.8.0",
+    "react-native-keyboard-aware-scroll-view": "^0.9.5",
+    "react-native-safe-area-context": "4.4.1",
+    "react-native-screens": "~3.18.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.9"
+  },
+  "private": true
+}

screens/Analisis.js

@@ -0,0 +1,149 @@
+import React from "react";
+import {
+  View,
+  Text,
+  StyleSheet,
+  Linking
+} from "react-native";
+
+// TOOL DESCRIPTIONS
+const bodyEJScreen = "EJScreen es..... Presione para ir al enlace."
+const bodyCEJST = "CEJST es..... Presione para ir al enlace."
+const bodyEJAtlas = "EJAtlas es..... Presione para ir al enlace."
+const bodyIPCC = "El ''Intergovernmental Panel on Climate Change'' o IPCC es..... Presione para ir al enlace."
+
+const Analisis = () => {
+  return (
+  <View>
+
+    {/* TAB TITLE CODE*/}
+    {/* TAB TITLE */}
+    <Text style={styles.Tab}> 
+      Enlaces a Herramientas de Análisis Externas
+    </Text>
+  
+    {/* FIRST TOOL CODE*/}
+    {/* FIRST TOOL TITLE */}
+    <View style={styles.Number}>
+      <Text style={styles.Number}>
+        1)
+      </Text>
+      <Text style={styles.Title} 
+        onPress={ ()=> Linking.openURL('https://ejscreen.epa.gov/mapper/') }>
+        Enlace a EJScreen
+      </Text>
+    </View>
+    {/* FIRST TOOL BODY */}
+    <View style={styles.Bullet}>
+      <Text style={styles.Bullet}>
+        {'\u002D'}
+      </Text>
+      <Text style={styles.Body}>
+        {bodyEJScreen}
+      </Text>
+    </View>
+    
+    {/* SECOND TOOL CODE*/}
+    {/* SECOND TOOL TITLE */}
+    <View style={styles.Number}>
+      <Text style={styles.Number}>
+        2)</Text>
+      <Text style={styles.Title} 
+        onPress={ ()=> Linking.openURL('https://screeningtool.geoplatform.gov/en/#3/33.47/-97.5') }>
+        Enlace a CEJST
+      </Text>
+    </View>
+    {/* SECOND TOOL BODY */}
+    <View style={styles.Bullet}>
+      <Text style={styles.Bullet}>
+        {'\u002D'}
+      </Text>
+      <Text style={styles.Body}>
+        {bodyCEJST}
+      </Text>
+    </View>
+  
+    {/* THIRD TOOL CODE*/}
+    {/* THIRD TOOL TITLE */}
+    <View style={styles.Number}>
+      <Text style={styles.Number}>
+        3)
+      </Text>
+      <Text style={styles.Title} 
+        onPress={ ()=> Linking.openURL('https://ejatlas.org/') }>
+        Enlace a EJAtlas
+      </Text>
+    </View>
+    {/* THIRD TOOL BODY */}
+    <View style={styles.Bullet}>
+      <Text style={styles.Bullet}>
+        {'\u002D'}
+      </Text>
+      <Text style={styles.Body}>
+         {bodyEJAtlas}
+      </Text>
+    </View>
+  
+    {/* FOURTH TOOL CODE*/}
+    {/* FOURTH TOOL TITLE */}
+    <View style={styles.Number}>
+      <Text style={styles.Number}>
+        4)
+      </Text>
+      <Text style={styles.Title} 
+        onPress={ ()=> Linking.openURL('https://www.ipcc.ch/') }>
+        Enlace al IPCC
+      </Text>
+    </View>
+    {/* FOURTH TOOL BODY */}
+    <View style={styles.Bullet}>
+      <Text style={styles.Bullet}>
+        {'\u002D'}
+      </Text>
+      <Text style={styles.Body}>
+        {bodyIPCC}
+      </Text>
+    </View>
+          
+  </View>
+)}
+  
+const styles = StyleSheet.create({
+  Tab: { fontSize: 30,
+         textAlign: "center",
+         marginTop: "12%",
+         marginLeft: "1.4%",
+         marginRight: "1.4%"
+        },
+  
+  Number: { fontSize: 23,
+            textAlign: "left",
+            marginLeft: "2.5%",
+            marginTop: "5.5%",
+            flexDirection: 'row'
+          },
+  
+  Title: { fontSize: 23,
+           textAlign: "left",
+           marginTop: "5.5%", 
+           color: "#6495ed",
+           flex: 0,
+           paddingLeft: 6
+          },
+  
+  Body: { fontSize: 18,
+          textAlign: "left",
+          marginTop: "2%",
+          flex: 1, 
+          paddingLeft: 5
+        },
+  
+  Bullet: { fontSize: 18,
+            textAlign: "left",
+            marginLeft: "6%",
+            marginTop: "2%",
+            flexDirection: 'row'
+          }
+});
+
+export default Analisis;

screens/Denuncias.js

@@ -0,0 +1,62 @@
+import { useNavigation } from "@react-navigation/native";
+import { createNativeStackNavigator } from "@react-navigation/native-stack";
+import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
+import { NavigationContainer } from "@react-navigation/native";
+import React from "react";
+import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
+
+const Denuncias = () => {
+  const currNav = useNavigation();
+
+  return (
+    <View>
+      <Text
+        style={{
+          fontSize: 30,
+          textAlign: "center",
+          marginTop: "20%",
+        }}
+      >
+        Llenar formulario y listado de denuncias
+      </Text>
+
+      <TouchableOpacity
+        style={styles.button}
+        onPress={() => currNav.navigate("Formulario")}
+      >
+        <Text style={styles.text}> Formularios </Text>
+      </TouchableOpacity>
+
+      <TouchableOpacity
+        style={styles.button}
+        onPress={() => currNav.navigate("Lista")}
+      >
+        <Text style={styles.text}>Listado</Text>
+      </TouchableOpacity>
+    </View>
+  );
+};
+
+export default Denuncias;
+
+const styles = StyleSheet.create({
+  button: {
+    width: 250,
+    alignSelf: "center",
+    alignItems: "center",
+    justifyContent: "center",
+    paddingVertical: 12,
+    paddingHorizontal: 32,
+    borderRadius: 4,
+    elevation: 3,
+    backgroundColor: "#009688",
+    marginTop: "5%",
+  },
+  text: {
+    fontSize: 16,
+    lineHeight: 21,
+    fontWeight: "bold",
+    letterSpacing: 0.25,
+    color: "white",
+  },
+});

screens/Derechos.js

@@ -0,0 +1,127 @@
+import React from "react";
+import {
+  View,
+  Text,
+  StyleSheet,
+  TouchableOpacity,
+  Linking,
+  Pressable,
+} from "react-native";
+import { FlatList, TouchableHighlight } from "react-native-gesture-handler";
+import { ButtonLay } from "./components/Button.js";
+import Leyes from "./data/leyes.json";
+import LeyesPR from "./data/leyesPR.json";
+import DerechosAmb from "./data/derechos.json";
+
+const Derechos = () => {
+  return (
+    <>
+      <View>
+        <Text style={styles.container2}>1) Leyes de la Tierra</Text>
+        <View >
+          {Leyes.map(({id, title, link}) => {
+            return (
+              <>
+                <TouchableOpacity
+                  style={styles.button}
+                  key={id}
+                  onPress={() => {
+                    Linking.openURL(link.toString());
+                  }}
+                >
+                  <Text style={styles.text}>{title}</Text>
+                </TouchableOpacity>
+              </>
+            );
+          })}
+        </View>
+      </View>
+
+      <View>
+        <Text style={styles.container2}>
+          2) Derechos del activista climatico
+        </Text>
+        <View>
+          {DerechosAmb.map(({id, title, link}) => {
+            return (
+              <>
+                <TouchableOpacity
+                 
+                  style={styles.button}
+                  onPress={() => {
+                    Linking.openURL(link.toString());
+                  }}
+                >
+                  <Text style={styles.text}  key={id} >{title}</Text>
+                </TouchableOpacity>
+              </>
+            );
+          })}
+        </View>
+      </View>
+
+       <View>
+        <Text style={styles.container2}>3) Leyes de Puerto Rico</Text>
+        <View>
+          {LeyesPR.map(({id, title, link}) => {
+            return (
+              <>
+                <TouchableOpacity
+                  style={styles.button}
+                  onPress={() => {
+                    Linking.openURL(link.toString());
+                  }}
+                >
+                  <Text style={styles.text} key={id}>{title}</Text>
+                </TouchableOpacity>
+              </>
+            );
+          })}
+        </View>
+      </View>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    fontSize: 25,
+    textAlign: "center",
+    marginTop: "10%",
+  },
+
+  container2: {
+    fontSize: 25,
+    textAlign: "left",
+    marginTop: "10%",
+    marginLeft: "5%",
+  },
+
+  laws: {
+    fontSize: 15,
+    textAlign: "center",
+    marginTop: "5%",
+  },
+  button: {
+    width: 250,
+    alignSelf: "center",
+    alignItems: "center",
+    justifyContent: "center",
+    paddingVertical: 12,
+    paddingHorizontal: 32,
+    borderRadius: 4,
+    elevation: 3,
+    backgroundColor: "#009688",
+    marginTop: "5%",
+  },
+  text: {
+    fontSize: 16,
+    lineHeight: 21,
+    fontWeight: "bold",
+    letterSpacing: 0.25,
+    color: "white",
+    textAlign: "center",
+  },
+});
+
+export default Derechos;

screens/Drna.js

@@ -0,0 +1,180 @@
+import React from "react";
+import {
+  View,
+  Text,
+  StyleSheet,
+  TouchableOpacity,
+  TextInput,
+  KeyboardAvoidingView
+} from "react-native";
+import { SelectList } from "react-native-dropdown-select-list";
+import {KeyboardAwareScrollView} from 'react-native-keyboard-aware-scroll-view';
+import leyesViolaciones from "./data/leyesViolaciones.json"
+import Municipalities from "./data/municipalities.json";
+
+
+const postData = (URL, data) => {
+  fetch(URL, {
+    method: "POST",
+    headers: {
+      Accept: "application/json",
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify(data),
+  })
+    .then((response) => response.json())
+    .then((responseJson) => {
+      console.log(responseJson);
+    })
+    .catch((error) => {
+      console.error(error);
+    });
+};
+
+const Drna = () => {
+  const URL = "http://172.20.10.2:5001/complaints/add";
+  const [name, onChangeName] = React.useState(null);
+  const [email, onChangeEmail] = React.useState(null);
+  const [place, onChangePlace] = React.useState(null);
+  const [selected, setSelected] = React.useState("");
+  const [description, onChangeDescription] = React.useState(null);
+  const [location, onChangeLocation] = React.useState(null);
+  const [municipality, setMunicipality] = React.useState(null);
+
+  return (
+    <KeyboardAwareScrollView>
+      <View>
+        <Text
+          style={{
+            fontSize: 30,
+            textAlign: "center",
+            marginTop: "20%",
+          }}
+        >
+          Formulario DRNA
+        </Text>
+
+        <TextInput
+          style={styles.input}
+          value={name}
+          onChangeText={onChangeName}
+          placeholder="Nombre"
+          placeholderTextColor={"grey"}
+        />
+        <TextInput
+          style={styles.input}
+          value={email}
+          onChangeText={onChangeEmail}
+          placeholder="Email"
+          placeholderTextColor={"grey"}
+        />
+        {/* <TextInput
+              style={styles.input}
+              value={text}
+              placeholder="Fecha"
+              placeholderTextColor={"grey"}
+          /> */}
+        <SelectList
+          boxStyles={styles.input}
+          dropdownStyles={styles.input2}
+          data={
+            leyesViolaciones.map((der) => { 
+              return(
+                der.value
+                )
+                })
+            }
+          setSelected={setSelected}
+          placeholder="Leyes en violacion"
+        />
+        <SelectList
+          boxStyles={styles.input}
+          dropdownStyles={styles.input2}
+          data={
+            Municipalities.map((der) => { 
+              return(
+                der
+                )
+                })
+            }
+          setSelected={setMunicipality}
+          placeholder="Municipio donde ocurrio"
+        />
+        <TextInput
+          style={styles.input}
+          value={location}
+          onChangeText={onChangeLocation}
+          placeholder="Coordenadas de lo ocurrido"
+          placeholderTextColor={"grey"}
+        />
+        <TextInput
+          style={styles.input}
+          value={place}
+          onChangeText={onChangePlace}
+          placeholder="Lugar de los hechos"
+          placeholderTextColor={"grey"}
+        />
+        <TextInput
+          style={styles.input2}
+          value={description}
+          placeholder="Descripcion de los hechos"
+          onChangeText={onChangeDescription}
+          placeholderTextColor={"grey"}
+        />
+        <TouchableOpacity
+          style={styles.button}
+          onPress={() =>
+            postData(URL, {
+              name: name,
+              email: email,
+              place: place,
+              complaint_status: "pending",
+              complaint_type: selected.valueOf(),
+              complaint_description: description,
+            })
+          }
+        >
+          <Text style={styles.text}>Someter</Text>
+        </TouchableOpacity>
+      </View>
+    </KeyboardAwareScrollView>
+  );
+};
+
+export default Drna;
+
+const styles = StyleSheet.create({
+  input: {
+    height: 40,
+    margin: 12,
+    borderWidth: 0.5,
+    padding: 10,
+    borderRadius: 10,
+  },
+  input2: {
+    height: 100,
+    margin: 12,
+    borderWidth: 0.5,
+    padding: 15,
+    borderRadius: 10,
+  },
+  button: {
+    width: 250,
+    alignSelf: "center",
+    alignItems: "center",
+    justifyContent: "center",
+    paddingVertical: 12,
+    paddingHorizontal: 32,
+    borderRadius: 4,
+    elevation: 3,
+    backgroundColor: "#009688",
+    marginTop: "5%",
+  },
+  text: {
+    fontSize: 16,
+    lineHeight: 21,
+    fontWeight: "bold",
+    letterSpacing: 0.25,
+    color: "white",
+  },
+});

screens/Formulario.js

@@ -0,0 +1,70 @@
+import { createNativeStackNavigator } from "@react-navigation/native-stack";
+import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
+import { NavigationContainer } from "@react-navigation/native";
+import { useNavigation } from "@react-navigation/native";
+import React from "react";
+import {
+  View,
+  Text,
+  StyleSheet,
+  TouchableOpacity,
+  Linking,
+} from "react-native";
+
+const Formulario = () => {
+  const currNav = useNavigation();
+  return (
+    <View>
+      <Text
+        style={{
+          fontSize: 30,
+          textAlign: "center",
+          marginTop: "20%",
+        }}
+      >
+        Llenar formulario EPA y DRNA
+      </Text>
+
+      <TouchableOpacity
+        style={styles.button}
+        onPress={() => currNav.navigate("Drna")}
+      >
+        <Text style={styles.text}>Formulario DRNA</Text>
+      </TouchableOpacity>
+      <TouchableOpacity
+        style={styles.button}
+        onPress={() => {
+          Linking.openURL(
+            "https://echo.epa.gov/denuncie-violaciones-ambientales"
+          );
+        }}
+      >
+        <Text style={styles.text}>Formulario EPA</Text>
+      </TouchableOpacity>
+    </View>
+  );
+};
+
+export default Formulario;
+
+const styles = StyleSheet.create({
+  button: {
+    width: 250,
+    alignSelf: "center",
+    alignItems: "center",
+    justifyContent: "center",
+    paddingVertical: 12,
+    paddingHorizontal: 32,
+    borderRadius: 4,
+    elevation: 3,
+    backgroundColor: "#009688",
+    marginTop: "5%",
+  },
+  text: {
+    fontSize: 16,
+    lineHeight: 21,
+    fontWeight: "bold",
+    letterSpacing: 0.25,
+    color: "white",
+  },
+});

screens/Lista.js

@@ -0,0 +1,52 @@
+import React, { useEffect, useState } from "react";
+import {
+  ActivityIndicator,
+  FlatList,
+  View,
+  Text,
+  StyleSheet,
+  TouchableOpacity,
+} from "react-native";
+
+const Lista = () => {
+  const [isLoading, setLoading] = useState(true);
+  const [data, setData] = useState([]);
+
+  const getComplaints = async () => {
+    try {
+      const response = await fetch("http://172.20.10.2:5001/complaints/all");
+      const json = await response.json();
+      setData(json.Complaints);
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    getComplaints();
+  }, []);
+
+  return (
+    <View style={{ flex: 1, padding: 24 }}>
+      {isLoading ? (
+        <ActivityIndicator />
+      ) : (
+        <FlatList
+          data={data}
+          keyExtractor={({ id }, index) => id}
+          renderItem={({ item }) => (
+            <Text style={{ padding: 8 }}>
+              ID:{item.id}, Tipo de denuncia: {item.complaint_type}, Hecha por:{" "}
+              {item.name}, en el lugar: {item.place}, descripcion del problema:{" "}
+              {item.complaint_description}, estatus:{"En espera"}
+            </Text>
+          )}
+        />
+      )}
+    </View>
+  );
+};
+
+export default Lista;

screens/components/Button.js

@@ -0,0 +1,32 @@
+import React from "react";
+import {
+  View,
+  Text,
+  StyleSheet,
+  TouchableOpacity,
+  Linking,
+  Button,
+  Pressable,
+} from "react-native";
+
+const ButtonLay = StyleSheet.create({
+  button: {
+    width: 250,
+    alignSelf: "center",
+    alignItems: "center",
+    justifyContent: "center",
+    paddingVertical: 12,
+    paddingHorizontal: 32,
+    borderRadius: 4,
+    elevation: 3,
+    backgroundColor: "#009688",
+    marginTop: "5%",
+  },
+  text: {
+    fontSize: 16,
+    lineHeight: 21,
+    fontWeight: "bold",
+    letterSpacing: 0.25,
+    color: "white",
+  },
+});

screens/data/analisis.json

@@ -0,0 +1,26 @@
+[
+    {
+        "id": 1,
+        "title": "EJScreen",
+        "link": "https://ejscreen.epa.gov/mapper/",
+        "description": "EJScreen es..... Presione para ir al enlace."
+    },
+    {
+        "id": 2,
+        "title": "CEJST",
+        "link": "https://screeningtool.geoplatform.gov/en/#3/33.47/-97.5",
+        "description": "CEJST es..... Presione para ir al enlace."
+    },
+    {
+        "id": 3,
+        "title": "EJAtlas",
+        "link": "https://ejatlas.org/",
+        "description": "EJAtlas es..... Presione para ir al enlace."
+    },
+    {
+        "id": 4,
+        "title": "Intergovernmental Panel on Climate Change",
+        "link": "https://www.ipcc.ch/",
+        "description": "El Intergovernmental Panel on Climate Change (IPCC) es..... Presione para ir al enlace."
+    }
+]

screens/data/derechos.json

@@ -0,0 +1,7 @@
+[
+    {
+        "id": 1,
+        "title": "Declaración Universal de los Derechos de la Madre Tierra",
+        "link": "http://rio20.net/propuestas/declaracion-universal-de-los-derechos-de-la-madre-tierra/"
+    }
+]

screens/data/leyes.json

@@ -0,0 +1,17 @@
+[
+    {
+        "id": 2,
+        "title": "Ley de Tierras de Puerto Rico",
+        "link": "https://bvirtualogp.pr.gov/ogp/BVirtual/LeyesOrganicas/pdf/26-1941.pdf"
+    },
+    {
+        "id": 3,
+        "title": "Ley Sobre Politica Publica Ambiental",
+        "link": "https://www.drna.pr.gov/wp-content/uploads/2019/12/Ley-416-2004-refrencias-LPRA-2018.pdf"
+    },
+    {
+        "id":4,
+        "title":"La Carta de la Tierra",
+        "link":"https://cartadelatierra.org/lea-la-carta-de-la-tierra/preambulo/"
+    }
+]

screens/data/leyesPR.json

@@ -0,0 +1,7 @@
+[
+    {
+        "id": 1,
+        "title": "Constitucion", 
+        "link": "https://www2.pr.gov/sobrepuertorico/documents/elaconstitucion.pdf"
+    }
+]

screens/data/leyesViolaciones.json

@@ -0,0 +1,14 @@
+[
+    { "key": 1, "value": "Descarga de águas contaminadas" },
+    { "key": 2, "value": "Olores objetables-fuertes" },
+    { "key": 3, "value": "Tala y/o poda de árboles" },
+    { "key": 4, "value": "Rellenando un bosque" },
+    { "key": 5, "value": "Rellenando una quebrada" },
+    { "key": 6, "value": "Realizando perforaciones en el suelo" },
+    { "key": 7, "value": "Moviendo con maquinaria tierra de un lugar a otro" },
+    { "key": 8, "value": "Peces y/o otros organismos muertos" },
+    { "key": 9, "value": "Tapando la vegetación" },
+    { "key": 10, "value": "Destrucción de humedal" },
+    { "key": 11, "value": "Construcción sospechosa" },
+    { "key": 12, "value": "Otros (vertederos clandestinos, entre otros)" }
+  ]

screens/data/municipalities.json

@@ -0,0 +1,9 @@
+["Adjuntas","Aguada","Aguadilla","Aguas Buenas","Aibonito","Arecibo","Arroyo","Añasco",
+"Barceloneta","Barranquitas","Bayamón","Cabo Rojo","Caguas","Camuy","Canóvanas","Carolina",
+"Cataño","Cayey","Ceiba","Ciales","Cidra","Coamo","Comerío","Corozal","Culebra","Dorado",
+"Fajardo","Florida","Guayama","Guayanilla","Guaynabo","Gurabo","Guánica","Hatillo","Hormigueros",
+"Humacao","Isabela","Jayuya","Juana Díaz","Juncos","Lajas","Lares","Las Marías","Las Piedras",
+"Loiza","Luquillo","Manatí","Maricao","Maunabo","Mayagüez","Moca","Morovis","Naguabo","Naranjito",
+"Orocovis","Patillas","Peñuelas","Ponce","Quebradillas","Rincón","Rio Grande","Sabana Grande"
+,"Salinas","San Germán","San Juan","San Lorenzo","San Sebastián","Santa Isabel","Toa Alta",
+"Toa Baja","Trujillo Alto","Utuado","Vega Alta","Vega Baja","Vieques","Villalba","Yabucoa","Yauco"]

screens/data/zipcode.json

@@ -0,0 +1,18 @@
+["00601","00602","00603","00604","00605","00606","00610","00611","00611",
+"00612","00613","00614","00616","00617","00622","00623","00624","00627","00631",
+"00631","00636","00637","00638","00641","00646","00647","00650","00652","00653",
+"00656","00659","00660","00662","00664","00667","00669","00670","00674","00676",
+"00677","00678","00680","00681","00682","00683","00685","00687","00688","00690",
+"00692","00693","00694","00698","00703","00704","00705","00707","00714","00715",
+"00716","00717","00718","00719","00720","00721","00721","00723","00725","00726",
+"00727","00728","00729","00730","00731","00732","00733","00734","00735","00736",
+"00737","00738","00739","00740","00741","00742","00744","00745","00745","00751",
+"00754","00757","00765","00766","00767","00769","00771","00772","00773","00775",
+"00777","00778","00780","00782","00783","00784","00785","00786","00791","00792",
+"00794","00795","00901","00902","00906","00907","00908","00909","00910","00911",
+"00912","00913","00914","00915","00916","00917","00919","00920","00921","00923",
+"00924","00925","00926","00927","00928","00929","00930","00931","00933","00934",
+"00936","00940","00949","00950","00951","00952","00953","00954","00956","00957",
+"00958","00959","00960","00961","00962","00963","00965","00966","00968","00969",
+"00970","00971","00976","00977","00978","00979","00981","00982","00983","00984",
+"00985","00986","00987","00988"]