Live demo:
- https://guillermo-varela.github.io/multi-player-web-reactjs/space
- https://guillermo-varela.github.io/multi-player-web-reactjs/nature
This web application was developed to learn about:
- React
- Hooks
- React Router
- React Bootstrap
- react-router-bootstrap
- SASS
- Route based code splitting
- Redux using TypeScript
- Forms in React using Formik
- Support for multiple languages (internationalization) using react-intl
- REST services with reactive architecture (non-blocking) with Spring WebFlux and Spring Security
- Stateless/sessionless authentication on a server using "Javascript Object Signing and Encryption" (JOSE) and "JSON Web Token" (JWT)"
- Use of custom HTTP headers in stateless/sessionless environments to prevent CSRF attacks
- OpenAPI 3 using springdoc-openapi
This is the frontend source code. Backend code can be found at: https://github.com/guillermo-varela/multi-player-auth
Demostración:
- https://guillermo-varela.github.io/multi-player-web-reactjs/space
- https://guillermo-varela.github.io/multi-player-web-reactjs/nature
Esta aplicación web fue desarrollada con fines de aprendizaje sobre:
- React
- Hooks
- React Router
- React Bootstrap
- react-router-bootstrap
- SASS
- División de código basada en rutas
- Redux usando TypeScript
- Formularios en React con Formik
- Soporte para múltiples idiomas (internacionalización) usando react-intl
- Servicios REST con arquitectura reactiva (sin bloqueos) con Spring WebFlux y Spring Security
- Autenticación sin estado/sesión en un servidor usando "Javascript Object Signing and Encryption" (JOSE) y "JSON Web Token" (JWT)"
- Uso de cabeceras (headers) HTTP personalizados en ambientes sin estado/sesión como prevención ante ataques CSRF
- OpenAPI 3 usando springdoc-openapi
Este es el código fuente del frontend. El código del backend se encuentra en: https://github.com/guillermo-varela/multi-player-auth