initial commit 🚀

httpete-ire · Mar 22, 2016 · a5b2137 · a5b2137
commit a5b2137
Show file tree

Hide file tree

Showing 10 changed files with 94 additions and 0 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,3 @@
+{
+  "presets" : ["es2015", "react"]
+}
diff --git a/.eslintrc b/.eslintrc
@@ -0,0 +1,3 @@
+{
+  "extends": "airbnb"
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules/
+dist/
diff --git a/app/index.html b/app/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Redux pomodoro</title>
+</head>
+<body>
+
+  <div id="app"></div>
+
+</body>
+</html>
diff --git a/app/index.js b/app/index.js
@@ -0,0 +1,7 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+// ReactDOM.render(
+//   ,
+//   document.getElementById('app')
+// );
diff --git a/app/scss/_variables.scss b/app/scss/_variables.scss
diff --git a/app/scss/app.scss b/app/scss/app.scss
@@ -0,0 +1 @@
+@import "variables";
diff --git a/app/scss/base/_reset.scss b/app/scss/base/_reset.scss
diff --git a/package.json b/package.json
@@ -0,0 +1,36 @@
+{
+  "name": "redux-pomodoro",
+  "version": "1.0.0",
+  "description": "Pomodoro timer built in React using Redux to manage the application state",
+  "main": "index.js",
+  "scripts": {
+    "build": "webpack -p",
+    "start": "webpack-dev-server --inline"
+  },
+  "author": "Pete Redmond <pete@httpete.com> (http://httpete.com)",
+  "license": "MIT",
+  "private": true,
+  "devDependencies": {
+    "babel-core": "^6.6.0",
+    "babel-loader": "^6.2.4",
+    "babel-preset-es2015": "^6.6.0",
+    "babel-preset-react": "^6.5.0",
+    "css-loader": "^0.23.1",
+    "eslint": "^2.4.0",
+    "eslint-config-airbnb": "^6.1.0",
+    "eslint-plugin-react": "^4.2.1",
+    "html-webpack-plugin": "^2.9.0",
+    "node-sass": "^3.4.2",
+    "sass-loader": "^3.2.0",
+    "style-loader": "^0.13.0",
+    "webpack": "^1.12.14",
+    "webpack-dev-server": "^1.14.1",
+    "worker-loader": "^0.7.0"
+  },
+  "dependencies": {
+    "react": "^0.14.7",
+    "react-dom": "^0.14.7",
+    "react-redux": "^4.4.1",
+    "redux": "^3.3.1"
+  }
+}
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,30 @@
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const htmlConfig = new HtmlWebpackPlugin({
+  template: __dirname + '/app/index.html',
+  filename: 'index.html',
+  inject: 'body',
+});
+
+module.exports = {
+  entry: [
+    './app/index.js',
+  ],
+  output: {
+    path: __dirname + '/dist',
+    filename: 'index.bundle.js',
+  },
+  module: {
+    loaders: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        loader: 'babel-loader',
+      },
+      {
+        test: /\.scss$/,
+        loaders: ['style', 'css?sourceMap', 'sass?sourceMap'],
+      },
+    ],
+  },
+  plugins: [htmlConfig],
+};