FancyCars.ca

React.js application used as the homepage on fancycars.ca website.

Features:

Webpack asset build
React components
Grommet UI library
Hapi
HMR
Prettier
ESLint
VSCode Config
Babel

Next Release

Server-side rendering
Remove Grommet UI
Component examples with CSS-in-JS

Dependencies

High level development dependencies:

Setup

To setup and run the application follow the steps below, once the

$ git clone git@github.com:jalleyne/fancycarsca-react-demo-app.git
$ nvm use
$ yarn install # install with yarn OR
$ npm i # install with npm

Development

Run the React and Hapi servers simultaniously for development purposes.
```
$ npm run dev
```
Startup the backend server only, this will server whatever files are in the dist folder. You should run build before this unless you are testing an existing artifact.
```
$ npm run dev:server
```
Startup the frontend server to bundle and reload the React client side files.
```
$ npm run dev:react
```

Production

Production build and deployment steps.

$ npm run build # outputs production build to ./dist folder
$ npm start # starts up a Hapi server instance to server static files and act as a backend for frontend react code.

Package

Package up the bundle into a tarball for download.

$ npm run package # outputs tarball in `./releases/` directory

License

MIT