Sistema de gestión integral diseñado específicamente para el mariposario 'Celestialfly', con el objetivo de mejorar la organización, interactividad y eficiencia en la administración de información relacionada con mariposas y su entorno.
Este sistema aprovecha las tecnologías modernas de desarrollo web y utiliza una API REST para ofrecer funcionalidades de CRUD (Crear, Leer, Actualizar y Eliminar) en todas las áreas clave del mariposario. Siendo esta una propuesta comercial, donde mediante un aplicativo web se muestra la funcionalidad del negocio a nivel operativo.
Su desarrollo se enfoca en el stack MERN, mostrando un planteamiento de negocio con el primer MVP (Minimo Producto Viable) del aplicativo web.
Para mayor entendimiento del usuario, se construyó un wireframe a nivel UI/UX para conocer la interfaz de usuario a trabajar para construir el aplicativo web fullstack, en el siguiente link encontrará una mayor información del sistema especificado:
-
Imagen de referencia:
Se construyó un modelo de diagrama de base de datos no relacional como la estructura trabajado en MongoDB para el almacenamiento de datos del mariposario, presentado a continuación:
Se construyó una documentación con Swagger para los endpoints crud api del almacenamiento de datos del mariposario, presentado a continuación:
- Documentacion Swagger -> Funcionará siempre y cuando ya hayas comenzado los servidores back-end y front-end
Para poder usar este sistema en tu computador, tendrás que instalarlo y utilizarlo localmente, y necesitarás tener instalados los siguientes requisitos:
Para poder instalarlo, sigue los siguientes pasos:
- Clona el repositorio:
https://github.com/Zachlesk/Aplicativo-Web-FULLSTACK.git`
-
Entrar a la carpeta 'frontend' e inicializa el host con React
cd frontend -
Desde la terminal e instala las dependencias con el siguiente comando:
npm install
-
Una vez instaladas las dependencias vamos a abrir una nueva terminal y ejecutamos el software:
npm start
-
En la consola, visualizarás el siguiente mensaje:
Server is running on port ${PORT}
-> ¡Listo! Tu servidor para front-end está en funcionamiento.
-
Entrar a la carpeta 'backend' e inicializa el servidor Node.js para el api
cd backend -
Desde la terminal e instala las dependencias con el siguiente comando:
npm install
-
Una vez instaladas las dependencias vamos a abrir una nueva terminal y ejecutamos el software:
npm run dev
-
En la consola, visualizarás el siguiente mensaje:
Server is running on port ${PORT}
-> ¡Listo! Tu servidor para back-end está en funcionamiento.
- Node.js
- Expres.js
- MongoDB
- React
- dotenv : Biblioteca para cargar variables de entorno desde un archivo
.enven el entorno de Node.js - express : Un marco de aplicación web minimalista y flexible para Node.js que facilita la creación de aplicaciones web y APIs.
- mongodb : El controlador oficial de MongoDB para Node.js, que permite interactuar con bases de datos MongoDB
- nodemon : Una herramienta que monitoriza cambios en archivos y automáticamente reinicia la aplicación Node.js para un flujo de desarrollo más eficiente
¡Agradecemos tus contribuciones al proyecto! Si deseas colaborar, sigue los siguientes pasos:
-
Crea un nuevo "branch" para tus cambios.
git checkout -b tus-cambios
-
Realiza tus modificaciones y mejoras.
-
Haz un "commit" de tus cambios.
git commit -m "Especificaciones generales de cambios y/o novedades" -
Envía tus cambios al repositorio remoto.
git push origin tus-cambios
-
Abre un "pull request" en GitHub para que revisemos tus cambios.
Este proyecto se encuentra bajo la Licencia MIT. Siéntete libre de utilizar, modificar y distribuir el código según tus necesidades.
¡Gracias por contribuir al proyecto 'Celestialfly'!