Tristan Read - Projects

The purpose of this site is for me to learn and showcase a few tools. You can find the results as projects in the menu above. Below I have documented the tools used and why.

For my CV, please check out phazor.github.io/about-me.

For my blog on IoT, check out phazor.github.io/blog.

Tools

______________

style: Milligram

This app was styled using Milligram as a base. The responsive menu behavior is added by me, as pure CSS.

Milligram is a CSS framework designed to be a minimal starting point. It includes a bunch of css resets as well as default styles for various components.

Most importantly, it is only 2kB when gzipped.

______________

routing: react-router

Routing is performed by react-router. The browserHistory routing scheme is used.

Github Pages needs to be tricked into accepting the routes, this is achieved by a script in the 404.html. See https://github.com/rafrex/spa-github-pages for more detail.

______________

state: redux

State is stored with redux in the UserList and Near Earth Objects pages. The latter uses redux-thunk to handle async behavior.

______________

3D Graphics: three.js and WebGL

I use three.js in the Trappist-1 solar system simulation. This abstracts away much of the low-level WebGL code and provides helpers for numerous common 3D tasks.

______________

build: create-react-app

This app is built with create-react-app.

Everything you see has been done without using eject.

______________

deploy: gh-pages script

This app is curently hosted on Github Pages. Deployment is done using the gh-pages node module.

______________

embedding: iframe-resizer

iframe-resizer is used to make the hosting of 3rd party iframes more secure and prettier.

See the About Me page for an example.