Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions lab-nicholasc/.babelrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"presets": ["es2015", "react"],
"plugins": ["transform-object-rest-spread"]
}
5 changes: 5 additions & 0 deletions lab-nicholasc/.eslintignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
**/node_modules/*
**/vendor/*
**/*.min.js
**/coverage/*
**/build/*
41 changes: 41 additions & 0 deletions lab-nicholasc/.eslintrc.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
{
"env": {
"browser": true,
"node": true,
"commonjs": true,
"jest": true,
"es6": true
},
"globals": {
"err": true,
"req": true,
"res": true,
"next": true,
"__API_URI__": false,
"__TITLE__": false,
"__DEBUG__": false
},

"extends": ["eslint:recommended", "plugin:react/recommended"],
"parserOptions": {
"sourceType": "module",
"ecmaVersion": 6,
"ecmaFeatures": {
"experimentalObjectRestSpread": true,
"module": true,
"jsx": true
}

},
"rules": {
"no-console": "off",
"no-unused-vars": "off",
"indent": [ "error", 2, { "SwitchCase": 1 } ],
"react/prop-types": [0],
"quotes": ["error", "single", { "allowTemplateLiterals": true }],
"space-infix-ops": ["error", {"int32Hint": false}],
"comma-dangle": ["error", "always-multiline"],
"semi": [ "error", "always" ]
},
"plugins": [ "react" ]
}
83 changes: 83 additions & 0 deletions lab-nicholasc/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@

# Created by https://www.gitignore.io/api/node,linux

### Linux ###
*~

# temporary files which can be created if a process still has a handle open of a deleted file
.fuse_hidden*

# KDE directory preferences
.directory

# Linux trash folder which might appear on any partition or disk
.Trash-*

# .nfs files are created when an open file is removed but is still being accessed
.nfs*

### Node ###
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# Runtime data
pids
*.pid
*.seed
*.pid.lock

# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov

# Coverage directory used by tools like istanbul
coverage

# nyc test coverage
.nyc_output

# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
.grunt

# Bower dependency directory (https://bower.io/)
bower_components

# node-waf configuration
.lock-wscript

# Compiled binary addons (http://nodejs.org/api/addons.html)
build/Release

# Dependency directories
node_modules/
jspm_packages/
db/

# Typescript v1 declaration files
typings/

# Optional npm cache directory
.npm

# Optional eslint cache
.eslintcache

# Optional REPL history
.node_repl_history

# Output of 'npm pack'
*.tgz

# Yarn Integrity file
.yarn-integrity

# dotenv environment variables file
.env

#db
db

# End of https://www.gitignore.io/api/node,linux
47 changes: 47 additions & 0 deletions lab-nicholasc/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
#Lab 26

## Author
Nicholas Carignan

## Node Package dependencies
1. "babel-core": "^6.26.0",
1. "babel-loader": "^7.1.2",
1. "babel-plugin-transform-object-rest-spread": "^6.26.0",
1. "babel-preset-es2015": "^6.24.1",
1. "babel-preset-react": "^6.24.1",
1. "cowsay": "^1.2.1",
1. "css-loader": "^0.28.8",
1. "extract-text-webpack-plugin": "^3.0.2",
1. "faker": "^4.1.0",
1. "html-webpack-plugin": "^2.30.1",
1. "lodash": "^4.17.4",
1. "node-sass": "^4.7.2",
1. "react": "^16.2.0",
1. "react-dom": "^16.2.0",
1. "resolve-url-loader": "^2.2.1",
1. "sass-loader": "^6.0.6",
1. "webpack": "^3.10.0",
1. "webpack-dev-server": "^2.10.0"

## Setup
clone the repo by typing in

`git clone https://github.com/ncarignan/26-frontend-tooling-react.git`

then install the packages with

`npm install`

then the app is ready to be setup by running

`npm run build`

or if you want to make modifications to the code on the fly

` npm run watch`

## main.js

exports an app that produces a button on the webpage. When the button is clicked it calls on the cowsay api and generates a cow that says a random bit of lorem. The button is orange and blue.

Overall this is a react app that builds off of webpack into a bundle.js.
Loading