Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/samlau95/hangperson-react-frontend

React JS for CS169 Hangperson lecture
https://github.com/samlau95/hangperson-react-frontend

Last synced: 20 days ago
JSON representation

React JS for CS169 Hangperson lecture

Host: GitHub
URL: https://github.com/samlau95/hangperson-react-frontend
Owner: SamLau95
Created: 2015-04-05T09:06:06.000Z (almost 10 years ago)
Default Branch: gh-pages
Last Pushed: 2015-04-07T07:25:54.000Z (almost 10 years ago)
Last Synced: 2024-11-05T08:02:57.333Z (2 months ago)
Language: CSS
Homepage: http://samlau95.github.io/hangperson-react-frontend/
Size: 770 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Hangperson React Frontend

![hang](https://cloud.githubusercontent.com/assets/2468904/7001347/d4f513b0-dbeb-11e4-9a0b-527b459bc1ad.png)

Walks through how to use [React](https://facebook.github.io/react/) to make the Hangperson frontend.

#### [Step 1: Recreate HTML in React](https://github.com/SamLau95/hangperson-react-frontend/commit/d8f77128cd178593a273ef31e2eb8a2d88f97fc7)

#### [Step 2: Key Component](https://github.com/SamLau95/hangperson-react-frontend/commit/9d9ab9df6158c53ac099757ab749b78acb8be489)

#### [Step 3: Key State](https://github.com/SamLau95/hangperson-react-frontend/commit/4b6f54dd3530c79a8dae8a777418196a03a0decf)

#### [Step 4: Letters State](https://github.com/SamLau95/hangperson-react-frontend/commit/65263294e55dd9adf0ab796b66fc210257fb9ab9)

#### [Step 5: Main Hangperson Component](https://github.com/SamLau95/hangperson-react-frontend/commit/98c061f6ae62d9cba8a1fed441dac367a0bd8dba)

#### [Step 6: Fix load order](https://github.com/SamLau95/hangperson-react-frontend/commit/4e969ee7ab364f6450997532a1be9b8a6b766500)

#### [Step 7: AJAX for game creation and key press](https://github.com/SamLau95/hangperson-react-frontend/commit/bd723d995690b1f585161983e59f09d44513f9af)

#### [Step 8: Listen for game updated event](https://github.com/SamLau95/hangperson-react-frontend/commit/a4830845bf6991126ab2947af6b4638d0f6cc178)