REPOSITORY OVERVIEWLive repository statistics
★ 0Stars
⑂ 0Forks
◯ 0Open issues
◉ 0Watchers
27/100
OPENREPOHUB HEALTH SIGNALLimited signals
A transparent discovery signal based on current public GitHub metadata.
Recent activity35% weight
10 Community adoption25% weight
0 Maintenance state20% weight
100 License clarity10% weight
0 Project information10% weight
35 This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
README preview
Proyecto de Gestión de Productos con ReactJS y PrimeReact
Descripción
Este proyecto es una aplicación de gestión de productos que permite realizar operaciones CRUD (Crear, Leer, Actualizar y Eliminar) en productos. La aplicación está desarrollada con ReactJS y PrimeReact para la interfaz de usuario, y utiliza una API REST construida con Node.js y Express para interactuar con una base de datos MySQL.
Requisitos
Antes de comenzar, asegúrate de tener los siguientes requisitos instalados en tu sistema:
- Node.js (v14 o superior)
- MySQL (v8.0 o superior)
- Git (para descargar el repositorio)
Importante
Se necesita instalar todo lo necesario para que funcione React
como template typescript
npm install primereact primeicons axios
Se Omitió dichos archivos tanto en githab y en la plataforma por cuestion de espacio.
Configuración de la Base de Datos
-
Descargar del Repositorio
git clone https://github.com/zbnt2410/LaboratorioN3_Arias_Quezada.git
-
Ingresar en el directorio
cd ...\Laboratorio3_Arias_Gribaldo_Quezada_Tania
-
Visualizaremos dos carpetas, vamos a ingresar a la primera que es el API REST llamado (backend) y lo abrimos con nuestro editor de código (Visual Studio Code)
cd backend
code .
Importante
Configura la conexión con la DB, coloca TU usuario, contraseña, etc.
-
Cuando estemos en nuestro edito de código ejecutamos nuestra API, abriendo un terminal y ejecutando el siguiente código
node index.js
Importante
-Asegúrate de tener MySQL en funcionamiento. Luego, crea una nueva base de datos y ejecuta el script SQL proporcionado para configurar las tablas necesarias:
-
Cuando nuestra API este corriendo, ingresamos a nuestro Frontend el cual se llama (gestion-productos) y lo ejecutamos con nuestro editor de código
cd gestion-productos
code .
-
Cuando estemos en nuestro edito de código ejecutamos nuestro Frontend, abriendo un terminal y ejecutando el siguiente código
npm start
Uso de la Aplicación
Abre tu navegador y accede a http://localhost:3000. Podrás ver la interfaz de usuario para gestionar Categorias y Productos.
Gestión de Categorias y Productos
Crear Producto: Haz clic en el botón "Nuevo Producto" para agregar un nuevo producto.
Editar Producto: Selecciona un producto en la tabla para editarlo.
Eliminar Producto: Haz clic en el botón "Eliminar" para eliminar un producto.
Estructura del Proyecto
backend/: Contiene el código de la API REST desarrollada con Node.js y Express.
frontend(gestion-productos)/: Contiene el código de la aplicación frontend desarrollada con ReactJS y PrimeReact.
gestion_productos.sql: Contiene el script SQL para la base de datos.
README.md: Archivo de documentación del proyecto.
ALGORITHMICALLY RELATEDSimilar Open-Source Projects
Selected from shared topics, language and repository description—not editorial ratings.
CHALLENGE FULL STACK - JavaScript 🚀 Objetivo Desarrollar una aplicación para administración de presupuesto personal. La misma debe permitir crear y editar ingresos y egresos de dinero, y mostrar un balance resultante de las operaciones registradas. Requerimientos Técnicos Deberás desarrollar una API en Node.js junto a cualquiera de los siguientes frameworks, en sus versiones estables: ● Express ● Adonis ● Koa En el caso de querer utilizar otro framework es posible, pero debe consultarse con anterioridad. Los datos mostrados deben ser persistidos en una base de datos relacional. El esquema de datos puede armarse según se considere apropiado en base a los requerimientos del negocio. La API deberá exponer URLS que devuelvan datos en JSON. Estos datos en JSON deberán ser consumidos por un cliente, a través de peticiones AJAX. El cliente puede ser armado con React.js. El trabajo realizado se subirá a un repositorio. Secciones Home La pantalla de inicio deberá mostrar el balance actual, es decir, el resultante de los ingresos y egresos de dinero cargados, y un listado de los últimos 10 registrados. ABM de operaciones (ingresos y egresos) La aplicación deberá contener: ● Formulario de registro de operación. El mismo deberá contener: ○ Concepto ○ Monto ○ Fecha ○ Tipo (ingreso o egreso) ● Listado de operaciones registradas según su tipo (ingreso o egreso). ● Desde el listado, se debe poder modificar o eliminar una operación registrada previamente. No debe ser posible modificar el tipo de operación (ingreso o egreso) una vez creada. Bonus De forma adicional, puede Autenticación de usuarios Agregar un formulario de registro y login para permitir identificar al usuario que utiliza la aplicación, y vincular las operaciones registradas al usuario autenticado en el sistema, tanto para el listado y creación de nuevos registros. Los datos indispensables para permitir el ingreso deben ser un email y contraseña, pudiendo agregar los que se deseen. Categorías de operaciones Agregar la funcionalidad de categorizar las operaciones registradas en el gestor, como por ejemplo, una categoría “comida” para categorizar egresos. Adicionalmente, agregar la posibilidad de listar operaciones por categoría. Criterios a Evaluar ● El diseño debe ser responsive, pudiendo utilizarse CSS puro o algún framework de Frontend ● Código limpio, buenas prácticas de programación, en idioma inglés ● Correcto diseño de la base de datos ● Buenas prácticas de GIT: Commits declarativos y atomizados ● Buenas prácticas para el nombre de rutas
/100 health