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.