Giter Club home page Giter Club logo

andresweitzel / micro_frontend_microcomponentes_react Goto Github PK

View Code? Open in Web Editor NEW
0.0 3.0 0.0 8.02 MB

Aplicación Web Micro FrontEnd MicroElectrónica implementando React, Html5, Scss, Highcharts, Bootstrap, Spring Boot, Spring MVC, Spring Data JPA, SpringFox, Swagger UI, Maven, Lombok, Postman, Log4j, Git, SQLDeveloper, Oracle XE 21c y Otras Tecnologías.

License: GNU General Public License v3.0

HTML 1.47% JavaScript 94.49% SCSS 3.17% CSS 0.87%
html5 react scss boostrap4 oracle springboot springfox springmvc highcharts log4j

micro_frontend_microcomponentes_react's Introduction

Micro Front End Componentes de MicroElectrónica.

Aplicación Web Micro Front End MicroElectrónica implementando React, Html5, Scss, Highcharts, Bootstrap, Spring Boot, Spring MVC, Spring Data JPA, SpringFox, Swagger UI, Maven, Lombok, Postman, Log4j, Git, SQLDeveloper, Oracle XE 21c y Otras Tecnologías.


Índice 📜

Ver

Sección 1) Descripción, Tecnologías y Dependencias

Sección 2) Endpoints y Recursos

Sección 3) Prueba de Funcionalidad y Referencias



Sección 1) Descripción, Tecnologías y Dependencias

1.0) Descripción 🔝

Ver
  • Esta aplicación ha sido desarrollada para la gestión de microcomponentes ( transistores, capacitores, placas, etc). También se ha pensado originalmente desarrollar una sección para la gestión de compras, pedidos, etc. Queda pendiente de implementar.
  • Todos los formularios aplican validaciones de carácteres, longitudes, tamaños, valores numéricos, valores mal formados, email, contraseña, url de imágenes, etc.
  • Se implementa Paginación Completa.
  • Se aplican varios filtros de búsqueda, como por ej: Búsqueda de microcomponentes de forma genérica, según tipo, clase, según el campo deseado, etc... permitiendo coincidencias de carácteres, números y palabras.
  • Para la experiencia de usuario se utiliza Popupts, Loaders, etc.
  • Es posible descargar el Listado de microcomponentes Paginado en formato xlsx (excel), csv y pdf.
  • Entre Otros Recursos Disponibles.
  • Aclaración : Este Microfrontend no es responsive. El enfoque es la funcionalidad de la aplicación, la maquetación es totalmente aplicable en relación al tiempo de disponibilidad que se emplee.

1.1) Ejecución del Proyecto 🔝

Ver
  • Descargamos y levantamos Oracle XE para ejecutar los servicios de base de datos.
  • Abrimos una terminal y clonamos el repo de base de datos.
  • Creamos y configuramos una conexión de oracle para la ejcución de los archivos de db.
  • Para más info. consultar repositorio respectivo
  • Descargamos Spring tool suite 4
  • Desde sts u otro ide abrimos una terminal y creamos un entorno de trabajo o workspace.
  • Clonar el Proyecto
git clone https://github.com/andresWeitzel/ApiRest_Microcomponentes_SpringBoot
  • Click der sobre el proyecto --> Run as --> Spring Boot App
  • Ya tenemos corriendo nuestra api desde tomcat. El url de la app para la ejecución de los endpoint's lo visualizamos desde consola.
  • Pendiente

1.2) Tecnologías 🔝

Ver
Tecnologías FRONTEND Versión Finalidad
HTML 5.0 Lenguaje de Hipertexto
Css 3.0 Lenguaje de hojas de estilo para presentación de documentos.
Scss 1.57 Preprocesador de css.
React 18.2.0 Librería js
React CLI 0.3.1 Herramienta de Angular para depurar, crear, publicar, etc Apps
Axios 0.27.2 Cliente HTTP Basado en Promesas para el navegador
Bootstrap 5.1 FrameWork Web Diseño y Desarrollo de Apps
Visual Studio Code 1.51.1 Entorno de Desarrollo
Otros - -
Tecnologías BACKEND Versión Finalidad
Java 12.0.2 JDK
Spring Tool Suite 4 4.9.0 IDE
Spring Boot 2.6.4 Framework
Spring Boot Data JPA 2.6.3 Mapeo de objetos y persistencia en la db
Spring Security 2.6.7 Servicios de Seguridad
JSON Web Token 0.9.1 Creación de tokens de acceso
Maven 4.0.0 Gestor de Proyectos
Postman 9.4.1 Test de Apis
Lombok 1.18.22 Automatización de Código
Open-Api 1.6.4 Documentación de la Api
UI Swagger 1.6.4 Visualización y Gestión de la Api
GNU bash / Terminal 4.4.23 Bash / Terminal para el manejo e implementación de Git integrado al Spring Tool Suite
Git 2.29.1 Control de Versiones
Otros - -
Tecnologías DATABASE Versión Finalidad
OracleXE21c 21.0 SGDB
SqlDeveloper 22.2.1 Gestor para el SGDB Oracle
Otros - -


Sección 2) EndPoints y Recursos

2.0) EndPoints 🔝

Ver

2.1) Recursos y Servicios 🔝

Ver

Sección 3) Prueba de Funcionalidad y Referencias

3.0) Prueba de Funcionalidad 🔝

Ver

Listado de Productos Paginados

Index app Index app Index app


Documentación Gráfica Acotada por razones de simplificación de documentación. Visualizar los videos desde la PlayList acerca de las Pruebas de Funcionalidad de la aplicación.


3.1) Referencias 🔝

Ver

Documentación Oficial


micro_frontend_microcomponentes_react's People

Contributors

andresweitzel avatar dependabot[bot] avatar

Watchers

 avatar  avatar  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.