/Hacking-Challenge-Rimac

Hacking Challenge Rimac

Primary LanguageTypeScript

Hacking-Challenge-Rimac

Este proyecto es parte de un proceso de seleccion, el reto tecnico es realizado por Rimac para la posición de Desarrollador Frontend Senior.

HackingChallengeRimac

Tecnologias

Este es un proyecto de frontend desarrollado en React que utiliza varias tecnologías y bibliotecas para crear una aplicación web dinámica y moderna. A continuación, se detallan las principales tecnologías y bibliotecas utilizadas en este proyecto:

  • React
    React es la biblioteca JavaScript principalmente utilizada para construir la interfaz de usuario de la aplicación.

  • React DOM
    React-DOM es una biblioteca relacionada que permite renderizar componentes de React en el navegador web.

  • React Router DOM
    Biblioteca que facilita la navegación y el enrutamiento en aplicaciones React. Permite crear rutas y vistas para diferentes páginas o secciones de la aplicación, lo que es fundamental para la navegación en SPA (Single Page Applications).

  • Zustand
    Zustand es una biblioteca de gestión de estado en React que facilita la creación y administración de estados en la aplicación. Es útil para el manejo de datos y el estado de la aplicación de manera global.

  • SWR
    SWR (Stale-While-Revalidate) es una biblioteca para la gestión de la caché y las solicitudes de datos en aplicaciones React. Facilita la obtención y actualización de datos desde el servidor de manera eficiente, manteniendo los datos frescos y actualizados.

  • React Hook Form
    @hookform/resolvers
    React Hook Form es una biblioteca que simplifica la gestión de formularios en aplicaciones React. Proporciona un enfoque basado en hooks para manejar formularios, gestionar la validación y rastrear el estado del formulario.

  • Yup
    Yup es una biblioteca de validación de esquemas que se utiliza en conjunto con "@hookform/resolvers" para definir y aplicar reglas de validación en los formularios de la aplicación. Permite validar datos de entrada de manera efectiva.

  • axios
    Axios es una biblioteca popular para realizar solicitudes HTTP desde una aplicación frontend. Se utiliza para interactuar con servidores remotos y recuperar datos, realizar acciones CRUD (Crear, Leer, Actualizar, Borrar) y más.

  • nextui-org
    NextUI es una biblioteca de componentes para React que ofrece una amplia gama de componentes de interfaz de usuario predefinidos y personalizables. Facilita la creación de interfaces de usuario modernas y atractivas.

  • Framer Motion
    Framer Motion es una biblioteca de animaciones declarativas para React. Se utiliza para crear animaciones suaves y atractivas en la interfaz de usuario, mejorando la experiencia del usuario y haciendo que la aplicación sea más interactiva.

Instalación

Para instalar este proyecto en un entorno local (su computador) abra la terminal de comandos y siga estos pasos:

1. Clonar el repositorio
Para este paso es necesario tener instalado Git. Clona este repositorio en tu máquina local utilizando el comando:

git clone https://github.com/alexbvart/Hacking-Challenge-Rimac.git

Para ingresar a la carpeta de la aplicación usamos:

cd hacking-challenge-rimac

2. Instalamos las dependencias
En este punto necesitaremos tener instalado Node. Navega al directorio del proyecto y ejecuta el siguiente comando para instalar todas las dependencias necesarias:

npm install

3. Ejecutar la aplicación

Ahora si ya estamos listos para ejecutar la aplicación con:

npm run dev

Ahora la aplicación deberia de estar en http://localhost:5173/ en su navegador.

Contacto

Licencia

Este proyecto esta bajo la licencia MIT.