文件列表:

CODE_OF_CONDUCT.md (5226, 2020-09-30)
CONTRIBUTING.md (1348, 2020-09-30)
LICENSE (1073, 2020-09-30)
config-overrides.js (68, 2020-09-30)
package-lock.json (630497, 2020-09-30)
package.json (1209, 2020-09-30)
public (0, 2020-09-30)
public\favicon.ico (3150, 2020-09-30)
public\index.html (1721, 2020-09-30)
public\logo192.png (5347, 2020-09-30)
public\logo512.png (9664, 2020-09-30)
public\manifest.json (492, 2020-09-30)
public\robots.txt (67, 2020-09-30)
src (0, 2020-09-30)
src\App.test.tsx (280, 2020-09-30)
src\App.tsx (767, 2020-09-30)
src\components (0, 2020-09-30)
src\components\AuForestFire.tsx (3272, 2020-09-30)
src\components\BLMVisual.tsx (3330, 2020-09-30)
src\components\Callout.tsx (290, 2020-09-30)
src\components\CodeEditor.scss (398, 2020-09-30)
src\components\CodeEditor.tsx (973, 2020-09-30)
src\components\CoronaVisual.tsx (2267, 2020-09-30)
src\components\Fire.tsx (817, 2020-09-30)
src\css (0, 2020-09-30)
src\css\App.css (8716, 2020-09-30)
src\css\App.css.map (1999, 2020-09-30)
src\css\Australia.css (4593, 2020-09-30)
src\css\Australia.css.map (1113, 2020-09-30)
src\css\Protest.css (2312, 2020-09-30)
src\css\Protest.css.map (540, 2020-09-30)
src\fonts (0, 2020-09-30)
src\fonts\Obviously-Regular.otf (8232, 2020-09-30)
src\fonts\Obviously-Wide.otf (8612, 2020-09-30)
src\index.css (366, 2020-09-30)
src\index.tsx (503, 2020-09-30)
src\logo.svg (2671, 2020-09-30)
... ...

# Reacting To 2020 > Gamified React Tutorial Can't stand those boring react tutorials in which you click away after 5 minutes? Have no fear, Reacting To 2020 is here! This is a Gamified React tutorial that walks you through major events that happened in 2020. ## Purpose The value that gamification brings in is summarized very effectively in the following statement as per Wikipedia: > Gamification techniques are intended to leverage peoples natural desires for socializing, learning, mastery, competition, achievement, status, self-expression, altruism or closure. Gamification strategies use rewards for players who accomplish desired tasks or competition to engage players. Types of rewards include points, achievement badges or levels, the filling of a progress bar or providing the user with virtual currency. Making the rewards for accomplishing tasks visible to other players or providing leaderboards are ways of encouraging players to compete. ## Screenshots ## Features * Built in code editor * 3 amazing scenarios in 2020 used for * 10 levels overall * Quick introduction to jsx, Components, and Hooks ## Installing / Getting started A quick introduction to get the app up & running: ```shell git clone https://github.com/songeunyou/reacting-to-2020/ npm install npm start ``` This clones our repository, installs the necessary dependencies and runs the React app in a development server! ### Building for Production Heres how to build the app for production: ```shell npm run build ``` It correctly bundles React in production mode and optimizes the build for the best performance, and outputs to the 'build' folder ## Contributing Check out [CONTRIBUTING](https://github.com/songeunyou/reacting-to-2020/blob/master/CONTRIBUTING.md) ## Live Demo https://reacting-to-2020-gamma.vercel.app/ ## Licensing The code in this project is licensed under MIT license.

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：