Giter Site home page Giter Site logo

gouh / counter Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 26 KB

"Counter" es una aplicación web en tiempo real desarrollada con Node.js, que utiliza Socket.io para sincronizar un contador incrementado a través de eventos generados por la API de envíos. Este proyecto demuestra la integración en tiempo real entre el servidor y múltiples clientes, ofreciendo una experiencia de usuario interactiva y dinámica.

License: MIT License

JavaScript 33.79% HTML 66.21%

counter's Introduction

Contador en Tiempo Real con Node.js

Este proyecto implementa un contador en tiempo real utilizando Node.js, Express, y Socket.io. El contador se incrementa cada vez que se genera una guía a través de la API de envía.com, demostrando el uso de sockets para actualizaciones en tiempo real entre diferentes clientes.

Estructura del Proyecto

├── LICENSE
├── README.md
├── app.js
├── clients
│   └── enviaClient.js
├── config
│   └── config.js
├── controllers
│   └── shipController.js
├── package-lock.json
├── package.json
├── public
│   ├── index.html
│   └── js
│       ├── shipClient.js
│       └── wsClient.js
├── routes
│   ├── index.js
│   └── wsRoutes.js
├── servers
│   └── wsServer.js
└── services
    └── shipService.js

Requisitos Previos

Para ejecutar este proyecto, necesitarás tener instalado Node.js versión 18.17 o superior.

Dependencias

Este proyecto utiliza las siguientes dependencias principales:

  • Express: Un marco de aplicación web minimalista y flexible para Node.js, utilizado para construir servidores web y APIs.
  • Socket.io: Una biblioteca que permite la comunicación en tiempo real, bidireccional y basada en eventos entre los navegadores web y los servidores.
  • Axios: Un cliente HTTP basado en promesas para el navegador y Node.js, utilizado para realizar solicitudes HTTP.
  • dotenv: Un módulo de dependencia cero que carga variables de entorno desde un archivo .env a process.env, ayudando en la configuración del proyecto.

Instalación

Clona este repositorio y navega hasta el directorio del proyecto. Ejecuta el siguiente comando para instalar las dependencias:

npm install

Configuración de Variables de Entorno

Crea un archivo .env en el directorio raíz del proyecto y añade las siguientes variables:

API_URL=https://api-test.envia.com/
API_TOKEN=tuTokenDeAPIAquí
PORT=3000

Asegúrate de reemplazar tuTokenDeAPIAquí con tu clave de API real obtenida de envía.com.

Ejecución

Para iniciar el servidor, ejecuta:

npm run serve

Verificación de Funcionamiento

Para verificar que el servidor está funcionando correctamente, navega a:

http://localhost:3000/v1/health_check

Deberías ver un mensaje indicando que el servicio está operativo.

Uso

Abre un navegador y ve a http://localhost:3000 para ver la interfaz del contador. Genera guías a través de la API para ver cómo el contador se incrementa en tiempo real en todas las pestañas del navegador abiertas.

Capturas

image image

Contribuir

Si deseas contribuir a este proyecto, por favor envía un Pull Request con tus mejoras.

Licencia

Este proyecto está licenciado bajo la Licencia MIT. Consulta el archivo LICENSE para obtener más detalles.

Autor

counter's People

Contributors

gouh avatar

Watchers

 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.