Dungeon Crawler

2017-02-20 19:48:25 REACT, JAVASCRIPT, GAME

another lesson in react

the goal was to build a crawler game , and you got to design it however you would like no hits were given so i gotta say i like the challenge , Thought it was gonna be much harder , but got cough up in it and suddenly it was a working game with a bunch of levels and a challenging Boss at the end .

Play a bit and have fun =D at http://crawl.dalahest.se/

i think i have the code up on Codepen if your curious about how it was done. (link at the top of the page)


Game of life

2017-02-07 19:47:17 REACT, JAVASCRIPT, GAME

Made a Game of life Version in React and ES6.

game

Just to learn some states and props in react.

Fun Code-training , that i guess i thought would be harder than it was .
Link to running Example


Express Getting Started Cheat Sheet

2017-02-07 19:44:21 EXPRESS, JAVASCRIPT, NODE,

Setup Project With Node,Express and Git

$ mkdir app && cd app
$ touch .env .gitignore README.md index.html server.js

$ npm init
$ npm install --save express

$ git init
$ git add .
$ git commit -m "initial commit"
$ git remote add origin <your github url>
$ git push -u origin master

React Setup Cheat Sheet

2017-02-07 19:42:40 REACT, JAVASCRIPT

Setup Project for React with ES6 jsx autocompile via babel

Make sure u have browserify and watchify installed global.

$ mkdir app && cd app
$ mkdir src && build
$ touch index.html ./src/script.jsx

$ npm init
$ npm install --save react react-dom babelify babel-preset-react

$ add to package.json
script:  { 
"build": "browserify -t [ babelify --presets [ react ] ] src/script.jsx -o build/script.js -v"
"watch": "watchify -t [ babelify --presets [ react ] ] src/script.jsx -o build/script.js -v"
            }
        
$ npm run watch