https://github.com/jorger/little_professor_reactjs
:heavy_plus_sign: Little Professor ReactJS - PWA
https://github.com/jorger/little_professor_reactjs
css3 cssvariables javascript pwa react service-worker
Last synced: about 1 month ago
JSON representation
:heavy_plus_sign: Little Professor ReactJS - PWA
- Host: GitHub
- URL: https://github.com/jorger/little_professor_reactjs
- Owner: Jorger
- Created: 2018-03-03T20:38:49.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-03-05T19:03:21.000Z (almost 8 years ago)
- Last Synced: 2025-01-11T23:21:07.817Z (about 1 year ago)
- Topics: css3, cssvariables, javascript, pwa, react, service-worker
- Language: JavaScript
- Homepage: https://jorger.github.io/little_professor/
- Size: 2.79 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
[@ostjh]:https://twitter.com/ostjh
[Little Professor]:https://en.wikipedia.org/wiki/Little_Professor
[DEMO]:https://jorger.github.io/little_professor/
[calc]:https://www.w3schools.com/cssref/func_calc.asp
[Learn CSS Variables for free]:https://scrimba.com/g/gcssvariables
[Recreating Little Professor in Ember]:https://medium.com/@barelyknown/recreating-little-professor-in-ember-8870e140654a
[The Complete React Web Developer Course (with Redux)]:https://www.udemy.com/react-2nd-edition/
[Progressive Web Apps Desktop Chrome]:https://www.xda-developers.com/progressive-web-apps-chrome-how-to/
[Progressive Web apps]:https://developers.google.com/web/progressive-web-apps/