Recently we made a change in one of the projects for our client, we were tasked with changing the build loader of a ReactJS application from webpack to esbuild.

As we love to try new things in React, this was a great opportunity to test a new tool that is gaining popularity in the ecosystem. Fortunately we had the help of Kevin Burke https://www.linkedin.com/in/ekrub/ to guide us and solve this daunting task, he made the initial setup with ‘Make’; but out of curiosity we wanted to test doing it with node.

Based on Kevin’s work, we have adapted the code…

Passport and boarding pass checks at airports, new e-banking account verification, ID checks or age verification also checking in at a hotel etc. We can use this feature in many web applications, mobile applications and desktop applications.

There are many services for Passport and Identity document scanning. You can use BlinkID, MRZ Scanner, Tesseract, etc. Part of our Explorations involve getting to know each tool and review what is possible with each one.

After reviewing and working with several of these services, lets talk about our favorites:

Tesseract

The most general purpose OCR scanner tool out there is Tesseract.

Tesseract is…

Como probablemente sepas, la información es un recurso económico. Y es el que se vuelve más y más influyente cada día. Por lo tanto, por lo mismo los dashboard digitales proporcionan información valiosa, ayudan a organizar los datos, analizarlos en un instante y tomar decisiones inteligentes.

Hoy, si te topas con un dashboard digital, lo más probable es que sea uno de estos tres tipos: aplicaciones especiales, aplicaciones web y widgets de escritorio.

Al igual que un tablero de instrumentos en un automóvil, un dashboard digital está diseñada para monitorear todos los índices principales. Para eso están todos estos indicadores…

DISCLAIMER: This is not ad paid article, we just wanted to experiment with Storyly because we keep seeing the ads on Instagram about it every day and we wanted to take a look at the possibilities this tool has.

With Storyly you can create stories for your users where you can showcase your content in the most stylish way and track results.

The concept of stories is a solution for visual experience in mobile. Designed for the vertical mobile screen, stories enhance the overall user experience with mobile-specific interactions like tap and swipe-up.

1 in 4 millennials looks for Stories…

One of the first questions our clients ask us is this: How much does the development of my app or website cost? And it is one of the most difficult to answer in a first contact. The price of an app depends on many factors, the functionalities it includes, the design, animations, customization, the technology to be integrated (native, multiplatform, web, etc.).

And we always make the same reflection to the client: “It is like asking a constructor, How much is my house going to cost? …

Una de las primeras preguntas que nos hacen nuestros clientes es esta: ¿Cuánto cuesta el desarrollo de mi app o web? Y es una de las mas difíciles de contestar en un primer contacto. El precio de una app depende de muchos factores, las funcionalidades que incluye, el diseño, animaciones, personalización, la tecnología que se quiere integrar (nativa, multiplataforma, web, etc.).

Y siempre hacemos la misma reflexión al cliente: “Es como preguntar a un constructor, ¿Cuánto me va a costar mi casa? sin decirle, cuantas habitaciones quieres, metros, si quieres jardín, piscina etc..”

El precio de una aplicación móvil o…

This is a chat app study, In here we try to study an implementation of a chat app using Firebase auth and Pusher ChatKit.

Create the base React Native app

import React, { Component } from 'react'
  import { 
    StyleSheet,
    KeyboardAvoidingView,
    View,
    Text,
    TextInput,
    TouchableOpacity
  } from 'react-native'  export default class LoginScreen extends Component {
    constructor(props){
      super(props)      this.state = {
        email: null,
        password: null
      }
    }    updateFields(field, value){
      this.setState({[field]: value})
    }    onButtonPress(){
    // auth with firebase
    }    render() {
      return (
        <KeyboardAvoidingView style={styles.container} behavior="padding" enabled>
          <View style={styles.container}>
            <Text style={styles.text}>Login Form</Text>            <View>…

En este post explicare como integrar Google Maps a tus aplicaciones React Native, ya que me he encontrado que la instalación por defecto genera muchos errores y react-native no termina de reconocer la librería de Google Maps.

Después de estar aproximadamente 1 semana intentando integrar la librería de AirBnB de Google Maps a una aplicación he llegado a una serie de pasos fáciles de seguir.

Creación del proyecto React Native e instalación de librería AirBnB Google Maps Primero creamos nuestra app en React Native, nuestra app se llamará myMapApp.

react-native init myMapApp
cd myMapApp

Ahora instalamos la librería para Google…