Expolearning

Datos generales

APK:

GitHub:

Tecnologías utilizadas: React Native, Expo, React Navigation, Native Base, Firebase y Redux

Fue mi primera y única experiencia con React Native y como su nombre lo indica, creé esta APP para poder aprender a usar Expo. Esta plataforma sirve principalmente para desarrollar y desplegar un proyecto hecho en React Native y compilarlo para poder instalarlo en dispositivos Android o iOS.

En mi caso, la APP "expolearning" está hecha para dispositivos con Android 5 o superior. Y gracias a Expo fue fácil desarrollarla, ya que es una muy buena alternativa a otros servicios más complejos como Android Studio.

La APP es bastante simple, sirve para registrarse, iniciar sesión y empezar a crear notas a modo de recordatorios.

Registro, inicio de sesión y navegación

El primer paso para poder usar la APP es registrarse y loguearse

El registro del usuario lo hago a través de la base de datos noSQL que me provee Firebase, que es uno de los servicios que tiene esta tecnología de Google.

No se necesita ningún sistema de seguridad demasiado complejo al iniciar sesión porque a diferencia de las webs, aquí no se puede ingresar mendiante rutas escritas. Así que solo utilizo la validación de que el usuario exista en la base de datos y que su constraseña sea correcta para que este pueda loguearse.

Una vez logueado, el usuario verá lo siguiente

De entrada se le dará la bienvenida en la parte del "Home" y luego podrá ir intercambiando secciones mediante los iconos del componente footer. Este y la mayoría de los componentes de esta aplicación, son parte de lo que ofrece la librería Native Base.

Por el otro lado, la nevagación entre las distinas secciones de la APP se hace posible gracias a la librería React Navigation, la cual nos permite manejar las rutas de una forma muy sencilla y similar a como lo haríamos con otras librerías para la web más conocidas como "react-router-dom".

Gestión de las notas

Ahora ya estamos listos para crear nuestra primera nota.

Como vemos, hacer una nota es muy sencillo. Solo ingresamos el título de la nota, su contenido y tocamos el botón "REGISTRAR NOTA".

Para hacer persistir la nota esta se guarda en la misma base de datos en donde están registrados los usuarios. Se registrará con el "id_user" para que luego al entrar a "Mis notas" se pueda filtrar y solo se impriman aquellas notas que sean del usuario logueado.

Dicho ID lo obtengo cuando el usuario inicia sesión y lo traslado al componente para crear notas mendiante Redux . Uso esta librería para esparcir este dato a todas las partes de la aplicación en donde lo necesito.

Después de todo esto, también podemos editar o eliminar nuestras notas.

Otros datos sobre Expolearning

No tenemos que olvidar que esta APP me sirvió como mi primera experiencia en React y que, como ya expliqué antes, está hecha solo para aprender.

Debido a eso, tengo que admitir que este proyecto podría mejorarse en muchos aspectos, como en algunos estilos y en ciertas formas de usar el framework. Además la APP tiene algunos bugs, pero aún así estos no la vuelven inutilizable.

De todos modos, este proyecto me mostró la versatilidad que tiene JavaScript y cómo solo con él se puede programar en tantas plataformas distintas.

Sin lugar a dudas, desarrollar esta APP me dio las bases que necesitaba para poder empezar a profundizar más en este maravilloso mundo del frontend.