Added initial configuration

mczeplowski · Jul 29, 2019 · 58f63ec · 58f63ec
1 parent 7fe94f6
commit 58f63ec
Show file tree

Hide file tree

Showing 11 changed files with 6,723 additions and 0 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,15 @@
+{
+  "presets": [
+    "@babel/preset-react",
+    ["@babel/preset-env", {
+      "targets": {
+        "browsers": [">1%"]
+      }
+    }]
+  ],
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-syntax-dynamic-import",
+    "@babel/plugin-transform-runtime",
+  ],
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+.idea/
+node_modules/
+dist/
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all"
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,35 @@
+{
+  "name": "gif-search-webapp",
+  "version": "1.0.0",
+  "description": "React webapp that using gif-search-api",
+  "main": "index.js",
+  "dependencies": {
+    "@babel/plugin-proposal-class-properties": "^7.5.5",
+    "@babel/plugin-transform-runtime": "^7.5.5",
+    "@babel/preset-react": "^7.0.0",
+    "axios": "^0.19.0",
+    "clean-webpack-plugin": "^3.0.0",
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6",
+    "styled-components": "^4.3.2",
+    "webpack": "^4.38.0",
+    "webpack-cli": "^3.3.6",
+    "webpack-dev-server": "^3.7.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.5.5",
+    "@babel/preset-env": "^7.5.5",
+    "babel-loader": "^8.0.6",
+    "html-webpack-plugin": "^4.0.0-beta.8"
+  },
+  "scripts": {
+    "dev": "webpack-dev-server --mode development",
+    "build": "webpack --mode production"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mczeplowski/gif-search-webapp.git"
+  },
+  "author": "Mateusz Czepłowski",
+  "license": "ISC"
+}
diff --git a/src/components/AppComponent.jsx b/src/components/AppComponent.jsx
@@ -0,0 +1,7 @@
+import React from 'react';
+
+const AppComponent = () => {
+  return <h1>test</h1>;
+};
+
+export default AppComponent;
diff --git a/src/components/list/ListComponent.jsx b/src/components/list/ListComponent.jsx
diff --git a/src/components/search/SearchComponent.jsx b/src/components/search/SearchComponent.jsx
diff --git a/src/index.html b/src/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>
diff --git a/src/index.jsx b/src/index.jsx
@@ -0,0 +1,5 @@
+import React from 'react';
+import { render } from 'react-dom';
+import App from './components/AppComponent';
+
+render(<App />, document.getElementById('app'));
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,25 @@
+const webpack = require('webpack');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+
+module.exports = {
+  entry: './src/index.jsx',
+  resolve: {
+    extensions: ['.js', '.jsx', '.json'],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.jsx?$/,
+        exclude: /node_modules/,
+        loader: ['babel-loader'],
+      },
+    ],
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      template: './src/index.html',
+    }),
+    new CleanWebpackPlugin(),
+  ],
+};