Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/baguilar6174/bandnames-socket-app

Aplicación en Flutter con sockets
https://github.com/baguilar6174/bandnames-socket-app

dart flutter pie-chart provider-state-management socket-io

Last synced: 13 days ago
JSON representation

Aplicación en Flutter con sockets

Awesome Lists containing this project

README

        

# Band Names App

Esta aplicación móvil presenta la implementación de una aplicación hecha en Flutter que implementa sockets para la comunicación directa con el servidor.

## Cómo usar

Paso 1:

Tener el sdk de Flutter, este proyecto ha sido creado con Flutter en su versión `2.2.2` y Dart `2.13.3`.

Paso 2:

Clonar el repositorio del proyecto con el siguiente comando

```
git clone https://github.com/bryanAguilar001/bandnames-socket-app.git
```

Paso 3:

En la raíz del proyecto ejecute el siguiente comando en la consola para obtener las dependencias necesarias:

```
flutter pub get
```

## Qué aprendí

- Comunicación en tiempo real con un servidor mediante sockets
- Escuchar y emitir eventos con sockets desde Flutter
- Uso de gráficos estadísticos
- Manejo del estado de la aplicación mediante Provider
- Mostrar status del servidor en la aplicaicón (conectando, en linea, desconectado)
- Dissmisable (widget para eliminar elementos con un deslizamiento)

## Características

- Detección del estado del servidor (online / offline)
- Obtener listado de objetos desde el servidor en tiempo real con sockets
- Agregar un nuevo objeto a la lista desde la aplicación
- Modificar el contador de un objeto de la lista
- Gráfico de pastel en base a los contadores de cada uno de los objetos de la lista

## Librerías & Paquetes usados

* `socket_io_client: ^1.0.1`: cliente para la comunicación con sockets
* `provider: ^5.0.0`: manejo de estado de la aplicación
* `pie_chart: ^5.0.0`: gráfico de pastel

# Autor

El código fuente de esta aplicación esta escrito por Bryan Aguilar (Desarrollador de Eitecknologia)

- Website - [www.bryan-aguilar.com](https://www.bryan-aguilar.com/)
- Medium - [baguilar6174](https://baguilar6174.medium.com/)
- LinkeIn - [baguilar6174](https://www.linkedin.com/in/baguilar6174)
- Email - [[email protected]](mailto:[email protected])

## Band Names App



Main Screen
Add new