Presentacion:

Hola, soy Kevin Oca, un desarrollador web venezolano, fullstack especializado actualmente en Front-End.

Este proyecto personal es un dashboard, teniendo conexiones reales con API RESTs, validacion con sessiones de usuario, enrutamiento entre componentes y vistas, manejo de errores, peticiones HTTP con Fetch API.

Todo esto realizado con codigo ES6++ sincrono y asincrono (promisses/async/await) con la libreria React JS y mucho javascript vanilla.

Objetivos principales:

Realizar una aplicacion (SPA) tipo dashboard con React JS y creando una arquitectura escalable aplicando conceptos y buenas practicas de clean code.

Librerias NPM utilizadas:

1. React JS Create React App.
2. React Router v4
3. React Toastify

Requerimentos:

Git Node Js. version 10 (recomendado) Un explorador de internet capaz de ejecutar React JS.

Instalación:

git clone https://github.com/kevinoca/Dashboard.git npm install

Utilización:

npm start

Ahora hay que abrir el localhost para ver el proyecto en ejecución (por defecto esta ejecutandose en el puerto 3000)(se puede cambiar).

http://localhost:3000

Por Hacer:

1. Incluir la libreria de JWT para el manejo de tokens y sessiones bajo encryptamiento (JWT).
2. Incluir test unitarios.
3. Incluir el uso de Recaptcha con React-ReCaptcha.
4. Incluir algun framework css o aplicar los conceptos de los styled components (Mobile First).
5. Aplicar las reglas de accessibilidad en toda la aplicacion (Accesibilidad web).
6. Aplicar clean code y mejoras de performance basados en Chrome Light House, incluido en las herramientas de desarrollador de Google Chrome.
7. Transformar a Progressive Web App (PWA).
8. Lazy loading.
9. React Hooks

y mucho mas.