Code Monkey home page Code Monkey logo

adara_form's Introduction

adara_form

Ejecucion

Se desarrollo con Node versión 14.18.1

Backend: cd backend/ && yarn install && yarn start Frontend: cd frontend/ && yarn install && yarn dev

Stack

Backend: ExpressJs Frontend: NodeJs

Aclaraciones y Supuestos

El backend está desarrollado en Express. No usé una base de datos ni Docker, por el tiempo que tomaba dichas configuraciones, posibles problemas al corregir, etc. Pero si quiero aclarar que he trabajado con bases de datos, en particular, para este ejemplo como dejé por escrito en el código, una base de datos relacional como Postgres se acomoda para cumplir lo pedido. También considero que sería bueno encapsular el backend en Docker para emular el entorno de producción y facilitar la instalación a los desarrolladores.

El frontend está desarrollado en Next. Consta de una sola vista, al lado izquierdo el formulario y al derecho un buscador de usuarios. En el formulario se manejan errores de input, sin embargo no se manejan de manera total errores que vengan desde el servidor, la aplicación no se cae, pero no se muestra el error, lo que mejoraría la experiencia de usuario. Tampoco se maneja el reseteo del formulario al momento de añadir un usuario correctamente, del mismo modo en el buscador no se muestra ningún mensaje cuando el mail buscado no se encuentra.

Los colores e imágenes las saqué de la página actual de Adara Styling.

Por último, considero que sería buena idea implementar un commit lint para poder atajar commits que no cumplan con el formato adecuado o tengan errores y/o código que no sigue las prácticas acordadas para el desarrollo

Preguntas

¿ Cómo haría el deploy ?

El frontend aprovechando que usé Next, usaría Vercel que es el desarrollador de Next y tiene buena integración con este framework.

El backend lo subiría a una estancia de Elastic Beanstalk de AWS, este servicio permite subir código desarrollado en Node por ejemplo y se encarga de manejar la capacidad, balanceo de carga entre otras funciones que en otros servicios se debería hacer de manera manual.

¿ Por qué escogí esta tarea ?

Hay dos razones principales:

    1. Me estoy postulando principalmente al cargo de desarrollador Full-Stack, en esta tarea podía mostrar de mejor manera las habilidades que tengo para este cargo.
    1. Tengo más experiencia en el área de desarrollo web, para efectos de la postulación me sentía más cómodo haciendo la tarea sobre la que tengo más experiencia.

Aclarar que no descarto la posibilidad de aprender y poder contribuir en el ámbito de análisis de datos o entrenar un modelo de inteligencia artificial, solo que al momento de postular, encontré más pertinente enfocarme en desarrollo web que es donde tengo más experiencia.

adara_form's People

Contributors

jaromero6 avatar

Watchers

 avatar

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.