hoganl / 26-frontend-tooling-react

26-frontend-tooling-react

Author: Lacy Hogan Version: 1.0.0

Overview

This application uses React.js to display a cow with a random generated word that can be changed by clicking on a button.

Getting Started

The following devDependencies need to be installed: "babel-core": "^6.26.3", "babel-eslint": "^8.2.3", "babel-loader": "^7.1.4", "babel-preset-env": "^1.7.0", "babel-preset-react": "^6.24.1", "babel-preset-stage-0": "^6.24.1", "css-loader": "^0.28.11", "dotenv": "^5.0.1", "eslint": "^4.19.1", "eslint-config-airbnb-base": "^12.1.0", "eslint-plugin-import": "^2.12.0", "eslint-plugin-jest": "^21.15.1", "eslint-plugin-react": "^7.8.2", "html-webpack-plugin": "^3.2.0", "node-sass": "^4.9.0", "react": "^16.3.2", "react-dom": "^16.3.2", "sass-loader": "^7.0.1", "style-loader": "^0.21.0", "webpack": "^4.8.3", "webpack-cli": "^2.1.3", "webpack-dev-server": "^3.1.4", "webpack-merge": "^4.1.2"

The following dependencies need to be installed: "cowsay-browser": "^1.1.8", "faker": "^4.1.0"

A .env file must include: CDN_URL=/

package.json scripts must include: "watch": "webpack-dev-server --config webpack.dev.js"

To start the server, enter npm run watch in your terminal

Architecture

This application uses JavaScript and React library and sass library

Change Log

05-21-2018 4:00pm Application full functional

Credits and Collaborations