Aplicacion Niños con valor

Comandos para instalar

Abrir una ventana de comandos CMD

• Ejecutar los siguientes comandos para verificar la instalación.

  node --version
  npm --version
  

• En caso de no tener instalado node entrar a : Node js

Crear un proyecto con React Js

npx create-react-app "Nombre de la aplicacion"

Abrir Visual studio Code y ejecutar el siguiente comando

npm start

Comandos para Inicializar

Estos comando debe de ser ejecutado dentro la carpeta Web-ui.

Comando para instalar Dependencias

npm install

Comando para Ejecutar el Proyecto

npm start

• Comienza a escuchar en el puerto localhost 3000

Comandos adicionales en caso de que las rutas no funcionen

npm i react-router-dom

Comando para Ejecutar pruebas E2E

npm run cypress

Comando para Ejecutar pruebas de unidad FrontEnd

npm run test

Tecnologías usadas

Nos ofrece componentes para un desarrollo web más rápido y fácil. Construya su propio sistema de diseño o comience con el diseño de materiales.

React te ayuda a crear interfaces de usuario interactivas de forma sencilla. Diseña vistas simples para cada estado en tu aplicación, y React se encargará de actualizar y renderizar de manera eficiente los componentes correctos cuando los datos cambien.

Nos ofrece herramientas de Google para compilar infraestructuras de apps, mejorar la calidad de las apps y desarrollar tu empresa

Nos ofrece herramientas para el manejo de la base de datos y el deploy del Backend.

Cliente HTTP basado en promesas para el navegador.

ECMAScript 2015 fue la segunda revisión importante de JavaScript.

Una biblioteca de exportación a Excel creada con y para React.

Es una herramienta para realizar testing e2e.

Estructura de Carpetas y Folders

• api

• NinosConValorAPI

  • Controller

  • Data

  • Documentation

  • Exceptions

  • Migrations

  • Models

  • Properties

  • Services -AutomapperProfile.cs -NinosConValorAPI.csproj -Program.cs -appsettings.Development.json -appsettings.json

• UnitTests

• NinosConValorAPI.sln

• web-ui

  • cypress

  • build

  • node modules

  • public

  • src

    • Assets: Imagenes que se usan, como el logo, etc.

    • Components: El proyecto utilza componentes para poder reutilizarlos en varias vistas.

    • Views: En este folder se encuentran todas las vistas del proyecto.

      • FixedAssets : En esta vista se manejan los activos fijos de la organizacion.
      • HomePage: La vista secundaria desde esta vista se redireccionan a las demas vistas si se inicio sesion correctamente.
      • KidsFile: Manejo de los files de niños.
      • Login: Vista principal de la pagina si no se inicia sesion no se podra acceder a las demas vistas.
      • User: En este archivo se gestiona todo lo relacionado con los usuarios.

  • .env

• package.json

• README.md

Pila de Tecnología