Little Professor ReactJS - PWA

DEMO

Inspirado en el clásico juego Little Professor la actividad busca afianzar el aprendizaje de React, así como el manejo de variables en CSS.

Little professor tiene dos modos de ejecución:

1. Modo calculadora

2. Modo Juego

En este modo al usuario se le mostrará una serie de ejercicios matemáticos, la complejidad de estos depende del nivel que se haya establecido, además del tipo de operación.

Desarrollo.

Little Professor está desarrollando haciendo uso de React versión 16, el objetivo de la actividad es el afianzamiento de los conocimientos de esta librería, así como el uso de variables en CSS, el diseño de la interfaz está hecho 100% en CSS, las proporiciones son calculadas a través de la función calc de CSS

Little Professor está enmarcado en las denominadas Progressive Web apps

Instalación.

Instalación de paquetes.

npm install

Ejecución modo desarrollo

npm run dev-server

Ejecución modo build

npm run build

Servir aplicación localmemte

npm run serve

Fuentes.

• Learn CSS Variables for free
• Recreating Little Professor in Ember
• The Complete React Web Developer Course (with Redux)
• Progressive Web Apps Desktop Chrome

Autor

• Jorge Rubaino @ostjh

License

MIT