{"id":19915485,"url":"https://github.com/jorger/little_professor_reactjs","last_synced_at":"2026-04-10T11:02:13.583Z","repository":{"id":150520434,"uuid":"123729378","full_name":"Jorger/little_professor_reactjs","owner":"Jorger","description":":heavy_plus_sign: Little Professor ReactJS - PWA","archived":false,"fork":false,"pushed_at":"2018-03-05T19:03:21.000Z","size":2924,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-11T23:21:07.817Z","etag":null,"topics":["css3","cssvariables","javascript","pwa","react","service-worker"],"latest_commit_sha":null,"homepage":"https://jorger.github.io/little_professor/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Jorger.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-03-03T20:38:49.000Z","updated_at":"2018-04-08T15:20:25.000Z","dependencies_parsed_at":"2023-04-25T22:47:39.543Z","dependency_job_id":null,"html_url":"https://github.com/Jorger/little_professor_reactjs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jorger%2Flittle_professor_reactjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jorger%2Flittle_professor_reactjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jorger%2Flittle_professor_reactjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jorger%2Flittle_professor_reactjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jorger","download_url":"https://codeload.github.com/Jorger/little_professor_reactjs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241343508,"owners_count":19947398,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3","cssvariables","javascript","pwa","react","service-worker"],"created_at":"2024-11-12T21:40:18.027Z","updated_at":"2025-12-31T01:07:14.817Z","avatar_url":"https://github.com/Jorger.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Little Professor ReactJS - PWA\n\n# [DEMO]\n\nInspirado en el clásico juego [Little Professor] la actividad busca afianzar el aprendizaje de React, así como el manejo de variables en CSS.\n\nLittle professor tiene dos modos de ejecución:\n\n### 1. Modo calculadora\n\n![image](https://github.com/Jorger/little_professor_reactjs/blob/master/public/images/little_professor_calculadora.gif?raw=true)\n\n### 2. Modo Juego\n\n![image](https://github.com/Jorger/little_professor_reactjs/blob/master/public/images/little_professor_game.gif?raw=true)\n\nEn 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.\n\n# Desarrollo.\n\nLittle 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\n\nLittle Professor está enmarcado en las denominadas [Progressive Web apps]\n\n# Instalación.\n\n### Instalación de paquetes.\n\n```\nnpm install\n```\n\n### Ejecución modo desarrollo\n\n```\nnpm run dev-server\n```\n\n### Ejecución modo build\n\n```\nnpm run build\n```\n\n### Servir aplicación localmemte\n\n```\nnpm run serve\n```\n\n# Fuentes.\n\n* [Learn CSS Variables for free]\n* [Recreating Little Professor in Ember]\n* [The Complete React Web Developer Course (with Redux)]\n* [Progressive Web Apps Desktop Chrome]\n\n### Autor\n* Jorge Rubaino [@ostjh]\n\nLicense\n----\nMIT\n\n[@ostjh]:https://twitter.com/ostjh\n[Little Professor]:https://en.wikipedia.org/wiki/Little_Professor\n[DEMO]:https://jorger.github.io/little_professor/\n[calc]:https://www.w3schools.com/cssref/func_calc.asp\n[Learn CSS Variables for free]:https://scrimba.com/g/gcssvariables\n[Recreating Little Professor in Ember]:https://medium.com/@barelyknown/recreating-little-professor-in-ember-8870e140654a\n[The Complete React Web Developer Course (with Redux)]:https://www.udemy.com/react-2nd-edition/\n[Progressive Web Apps Desktop Chrome]:https://www.xda-developers.com/progressive-web-apps-chrome-how-to/\n[Progressive Web apps]:https://developers.google.com/web/progressive-web-apps/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjorger%2Flittle_professor_reactjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjorger%2Flittle_professor_reactjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjorger%2Flittle_professor_reactjs/lists"}