front-bank-simulation Tailwind Templates

Front Bank Simulation

React Vite Tailwind Bank Simulation

Libertas - Simulación Bancaria

Descripción General

La aplicación libertas es una plataforma de simulación bancaria que permite a los usuarios registrarse y gestionar cuentas bancarias virtuales. En esta fase inicial, el enfoque está en permitir a los usuarios registrarse y seleccionar una cuenta vista.

Configuración del Proyecto

La aplicación está construida utilizando React y Vite, proporcionando un entorno de desarrollo rápido y eficiente. El proyecto está configurado para soportar características modernas de JavaScript y JSX gracias a Vite y React.

Instalación y Ejecución

Para comenzar a trabajar con la aplicación, sigue estos pasos:

  1. Clonar el Repositorio:
    git clone https://github.com/clementeaf/front-bank-simulation.git cd front-bank-simulation

  2. Instalar Dependencias:
    Utiliza npm o yarn para instalar las dependencias del proyecto.

  3. Ejecutar el Proyecto en Desarrollo:
    Para iniciar el servidor de desarrollo y ver la aplicación en tu navegador. npm run dev o yarn dev

Características Principales

  • Registro de Usuarios: La aplicación permite a los usuarios registrarse, proporcionando la posibilidad de seleccionar solo una cuenta vista en esta etapa.

  • Validación de Formulario: Utiliza Formik y Yup para la gestión y validación de formularios, asegurando que la información suministrada durante el registro sea válida.

  • Interfaz de Usuario Responsiva: Con TailwindCSS, la aplicación ofrece una interfaz de usuario elegante y responsiva, adaptable a diferentes tamaños de pantalla.

Dependencias Clave

  • React y React-DOM: Para construir la interfaz de usuario con componentes reactivos.
  • Axios: Para realizar solicitudes HTTP al microservicio de registro.
  • Formik y Yup: Para la gestión de formularios y validación de datos.
  • React Router DOM: Para la navegación entre componentes.
  • Zustand: Para el manejo del estado global de manera eficiente.
  • React Table, React Query: Para manejar datos y estados de sincronización con el backend de manera óptima.
  • TailwindCSS: Para estilos rápidos y responsivos.

Estructura del Proyecto

Breve descripción de la estructura de carpetas, destacando dónde se encuentran los componentes principales, cómo se organizan los estilos y dónde se manejan las llamadas al API.

Guía de Contribución

Instrucciones para desarrolladores interesados en contribuir al proyecto, incluyendo estándares de código, pruebas, y cómo realizar pull requests.

Licencia

Detalles sobre la licencia bajo la cual se distribuye la aplicación, si aplica.

Backlog para la versión 1.1.0

  • Registro de usuario con selección de cuenta vista.
  • Implementación de validaciones de formulario con Formik y Yup.
  • Diseño responsivo con TailwindCSS.
  • Integración con microservicio de registro.
  • Documentación inicial del proyecto y guía de instalación.

Top categories

Loading Svelte Themes