Desarrollar un sistema web que optimice los procesos de transporte y distribución de la empresa, incrementando la eficiencia operativa, reduciendo tiempos de gestión y mejorando la experiencia del cliente mediante la automatización, trazabilidad y análisis de datos en tiempo real.
- Feature 4. Control de Inventario en Tránsito
- Monitorea los paquetes en todas las etapas del transporte, minimizando pérdidas y errores.
- Autenticación y Autorización: Acceso exclusivo para personal de almacén y logística al inventario en movimiento.
- Registro de Paquetes (CRUD): Ingreso y modificación de datos de paquetes en tránsito (código, estado, ubicación).
- Actualización de Ubicación (CRUD): Registro de la ubicación actual del paquete mediante escaneo o GPS, mejorando la trazabilidad.
- Alerta de Incidencias: Notificación inmediata ante extravíos, daños o retrasos detectados en el inventario.
- Reporte de Inventario: Resumen del estado actual del inventario en tránsito.
- Monitorea los paquetes en todas las etapas del transporte, minimizando pérdidas y errores.
- Frontend:
- Next.js
- Tailwind CSS
- TypeScript
- Iconos (especificar la librería de iconos usada, por ejemplo, Lucide React, Font Awesome, etc.)
App/
│
├───components/ # Componentes de la interfaz de usuario
│ │
│ ├───Login.tsx # Componente para la vista de inicio de sesión
│ │
│ ├───Menu.tsx # Componente para el menú de navegación
│ │
│ ├───Registro.tsx # Componente para la vista de registro de usuarios
│ │
│ └───Inventario.tsx # Componente para la vista de gestión de inventario- Integración Continua/Entrega Continua (CI/CD): GitHub Actions
- Plataforma de Despliegue: Vercel
- Node.js instalado en tu sistema.
- npm o yarn instalado.
- Acceso a un repositorio de GitHub (para clonar el proyecto).
- Vercel CLI (opcional, para despliegue local y pruebas).
-
Clonar el Repositorio:
Abre tu terminal y ejecuta el siguiente comando, reemplazando
<TU_REPOSITORIO>con la URL de tu repositorio:git clone [<TU_REPOSITORIO>](https://github.com/Jonathand77/courier-sync-code-factory) cd courier-sync-code-factory
-
Instalar Dependencias:
Ejecuta el siguiente comando para instalar las dependencias del proyecto:
npm install # o yarn install -
Configurar Variables de Entorno (si es necesario):
Si tu proyecto requiere variables de entorno (como claves de API, URLs de bases de datos, etc.), crea un archivo
.env.localen la raíz del proyecto y define las variables necesarias. Por ejemplo:NEXT_PUBLIC_API_URL=http://localhost:3000/apiAsegúrate de consultar la documentación del proyecto o los archivos de configuración para conocer las variables de entorno específicas que se requieren.
-
Ejecutar la Aplicación en Desarrollo:
Ejecuta el siguiente comando para iniciar el servidor de desarrollo de Next.js:
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
La aplicación estará disponible en `http://localhost:3000`.
-
Despliegue en Vercel (Opcional):
Si deseas desplegar la aplicación en Vercel, sigue estos pasos:
-
Instalar Vercel CLI (si no lo has hecho):
npm install -g vercel # o yarn global add vercel -
Iniciar sesión en Vercel:
vercel login
-
Desplegar el proyecto:
vercel
Vercel te guiará a través del proceso de configuración y despliegue. Asegúrate de que el archivo
vercel.jsonesté configurado correctamente en tu proyecto. -
Previsualizar el proyecto (localmente): Si quieres previsualizar el proyecto antes de hacer deploy, puedes correr el siguiente comando:
vercel dev
-
El proyecto está configurado con GitHub Actions para la integración continua y la entrega continua (CI/CD). Esto significa que cada vez que se realizan cambios en el repositorio, se ejecutan automáticamente pruebas y se puede desplegar la aplicación en Vercel.
- Workflow: El workflow de GitHub Actions se define en el archivo
.github/workflows/main.yml(o similar). - Acciones: El workflow puede incluir acciones como:
npm install(oyarn install): Instala las dependencias del proyecto.npm run build(oyarn build): Construye la aplicación Next.js para producción.vercel deploy --prebuilt: Despliega la aplicación en Vercel.
- Despliegue Automático: Configurado para desplegarse automáticamente en Vercel en cada push a la rama principal (o la rama que hayas configurado).
- Estado del Workflow: El estado de los workflows se puede ver en la pestaña "Actions" del repositorio en GitHub.
¡Si eres parte de Fabrica escuela las contribuciones son bienvenidas! Si deseas contribuir a este proyecto, por favor sigue estos pasos:
- Haz un fork del repositorio.
- Crea una rama para tu funcionalidad (
git checkout -b mi-funcionalidad). - Haz commit de tus cambios (
git commit -am 'Agrega nueva funcionalidad'). - Sube los cambios a la rama (
git push origin mi-funcionalidad). - Crea un nuevo Pull Request.
This project is licensed under the (MIT LICENSE) License - see the LICENSE file for details
- Tell others about this project 📢
- Say thank you publicly 🤓.
This is a Next.js project bootstrapped with create-next-app.