esports fullstack app

Aplicación completa de deportes electrónicos

• Acerca de
• cliente web
• Servidor web/API
• Cliente móvil
• Instalación
• Notas adicionales

Acerca de

La aplicación permite a los usuarios publicar su disponibilidad, buscar y conectarse con otros usuarios que juegan el mismo juego, para que puedan jugar juntos.

En este proyecto, la premisa era explorar los conceptos básicos de la arquitectura cliente-servidor. El backend expone una API REST simple para servir y crear recursos en función de las solicitudes entrantes. En el lado del cliente, la web y las aplicaciones móviles son responsables de comunicarse con el servidor, así como de proporcionar una interfaz para manejar las interacciones del usuario.

cliente web

Cliente web construido con ReactJS. Las características principales incluyen enumerar juegos y crear anuncios.

Herramientas

• Mecanografiado
• reaccionarjs
• Viento de colaCSS
• Interfaz de usuario de Radix
• axios

Servidor web/API

Rest API con rutas para listar y crear recursos.

Herramientas

• NodoJS
• expresojs
• prisma ORM
• SQLite
• Mecanografiado

Cliente móvil

El cliente móvil multiplataforma está construido con React Native. Las características principales incluyen buscar anuncios y encontrar jugadores.

Herramientas

• Mecanografiado
• Reaccionar nativo
• exposición

Instalación

• Navegue hasta el directorio raíz de una aplicación (móvil, servidor o web)
• Instale dependencias ejecutando npm install
• Ejecute la aplicación con npm run dev

Dos cosas a tener en cuenta:

• Puede instalar y ejecutar el servidor antes de ejecutar las aplicaciones cliente.
• A día de hoy, ninguna de las aplicaciones de este proyecto está lista para su implementación.

Notas adicionales

• Este proyecto es puramente un ejercicio práctico destinado a desarrollar y/o mostrar mis habilidades en las herramientas/técnicas/conceptos mencionados anteriormente. No pretende ser una solución completa lista para producción. ¡No dudes en comunicarte con nosotros si tienes alguna pregunta o quieres conversar sobre ello!
• Este ejercicio se creó siguiendo las lecciones del programa Ignite ReactJS de Rocketseat. Puede que haya sido adaptado/rediseñado o no por mí.