Skip to content

Latest commit

 

History

History
34 lines (25 loc) · 975 Bytes

README.md

File metadata and controls

34 lines (25 loc) · 975 Bytes

A simple Express + React App

Heroku deploy: https://lifeiswonderful.herokuapp.com/

Setup

$ git clone https://github.com/hairarrow/express-plate
$ cd express-plate
$ yarn && cd client; yarn
$ yarn start:dev

Notes

A couple of considerations and possible optimizations

  • I had to decide if I wanted to go pixel perfect to the specifications in the sketch file (1440 width x 1024 height), but instead designed it with my 15" Macbook monitor in mind (1440 width x 900 height). This forced me to make the cubes on the home page a bit smaller to give the headline some breathing room.
  • Improve passing coordinates in a cubemap
const cmap = [
  {
    coords: [...{col, row, cube, side }, {}]
    style: { type: "transparent" }
  }
];
  • write a utility to fetch all assets and pass them to the main component
  • optimize animation orchestration with onAnimationEnd
  • check if assets loaded and speed up splash screen
  • refactor animations on routes