profite · diegomcsilva · May 4, 2017 · May 5, 2017 · May 5, 2017 · May 5, 2017
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,4 @@
+{
+  "presets": ["react"],
+  "plugins": ["transform-es2015-modules-commonjs"]
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,17 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/Projeto/.babelrc b/Projeto/.babelrc
@@ -0,0 +1,4 @@
+{
+  "presets": ["react"],
+  "plugins": ["transform-es2015-modules-commonjs"]
+}
diff --git a/Projeto/.gitignore b/Projeto/.gitignore
@@ -0,0 +1,17 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/Projeto/data.json b/Projeto/data.json
@@ -0,0 +1,11 @@
+{"images":[              
+        {"name":"Layer221", "cor":"laranja", "tamanho":"p", "preco":"398", "data":"", "messenger":"bata bordada"},
+        {"name":"Layer213", "cor":"verde", "tamanho":"g", "preco":"398", "data":"", "messenger":"chapéu de praia com fivela"},
+        {"name":"Layer216", "cor":"azul", "tamanho":"g", "preco":"398", "data":"", "messenger":"vestido texturizado", "promo":"R$ 189"},
+        {"name":"Layer217", "cor":"rosa", "tamanho":"p", "preco":"398", "data":"", "messenger":"bata bordada"},
+        {"name":"Layer208", "cor":"branco", "tamanho":"p", "preco":"398", "data":"", "messenger":"chapéu de praia com fivela"},
+        {"name":"Layer218", "cor":"branco", "tamanho":"m", "preco":"398", "data":"", "messenger":"vestido texturizado", "promo":"R$ 189"},
+        {"name":"Layer210", "cor":"azul", "tamanho":"m", "preco":"398", "data":"", "messenger":"bata bordada"},
+        {"name":"Layer219", "cor":"laranja", "tamanho":"m", "preco":"398", "data":"", "messenger":"chapéu de praia com fivela"},
+        {"name":"Layer220", "cor":"branco", "tamanho":"p", "preco":"398", "data":"", "messenger":"vestido texturizado", "promo":"R$ 189"}         
+        ]}
diff --git a/Projeto/font/DidactGothic-Regular.ttf b/Projeto/font/DidactGothic-Regular.ttf
diff --git a/Projeto/gulpfile.js b/Projeto/gulpfile.js
@@ -0,0 +1,32 @@
+var gulp = require('gulp');
+var sass = require('gulp-sass');
+var uglify = require('gulp-uglify');
+var gls = require('gulp-live-server');
+var concat = require('gulp-concat');
+
+gulp.task('default', ['sass', 'watch', 'serve', 'concat']);
+
+gulp.task('sass', function() {
+    return gulp.src('src/sass/*.scss')
+        .pipe(concat('style.min.css'))
+        .pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError))
+        .pipe(gulp.dest('public/css'));
+});
+
+gulp.task('watch', function() {
+    gulp.watch('src/sass/*.scss', ['sass']);
+});
+
+gulp.task('serve', function() {
+    var server = gls.static('./', 8000);
+    server.start();
+    gulp.watch('src/css/*.css', function(file) {
+        gls.notify.apply(server, [file]);
+    });
+    gulp.watch('src/js/*.js', function(file) {
+        gls.notify.apply(server, [file]);
+    });
+    gulp.watch('./*html', function(file) {
+        gls.notify.apply(server, [file]);
+    });
+});
diff --git a/Projeto/images/Layer208.png b/Projeto/images/Layer208.png
diff --git a/Projeto/images/Layer210.png b/Projeto/images/Layer210.png
diff --git a/Projeto/images/Layer213.png b/Projeto/images/Layer213.png
diff --git a/Projeto/images/Layer216.png b/Projeto/images/Layer216.png
diff --git a/Projeto/images/Layer217.png b/Projeto/images/Layer217.png
diff --git a/Projeto/images/Layer218.png b/Projeto/images/Layer218.png
diff --git a/Projeto/images/Layer219.png b/Projeto/images/Layer219.png
diff --git a/Projeto/images/Layer220.png b/Projeto/images/Layer220.png
diff --git a/Projeto/images/Layer221.png b/Projeto/images/Layer221.png
diff --git a/Projeto/images/Select.png b/Projeto/images/Select.png
diff --git a/Projeto/images/arrow.png b/Projeto/images/arrow.png
diff --git a/Projeto/images/bag.png b/Projeto/images/bag.png
diff --git a/Projeto/images/car.png b/Projeto/images/car.png
diff --git a/Projeto/index.html b/Projeto/index.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<html lang="pt-br">
+
+<head>
+    <meta charset="utf-8">
+   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <link rel="stylesheet" href="public/css/style.min.css">
+    <title></title>
+    <script src="https://fb.me/react-with-addons-0.14.8.js"></script>
+    <script src="https://fb.me/react-dom-0.14.8.js"></script>
+</head>
+
+<body>
+
+    <!-- Inpotando o DOM a partir do id "app" -->
+    <div id="page"></div>
+
+    <script src="public/js/app.js"></script>
+    <script>
+        function here() {
+            document.getElementById("1").style.display = "none";
+            console.log("Teste");
+        }
+    </script>
+
+</body>
+
+</html>
diff --git a/Projeto/package.json b/Projeto/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "projeto",
+  "version": "1.0.0",
+  "description": "Desafio Profite",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "Diego Marcelo Costa da Silva",
+  "license": "ISC",
+  "dependencies": {
+    "react": "^15.5.4",
+    "react-dom": "^15.5.4"
+  },
+  "devDependencies": {
+    "axios": "^0.16.1",
+    "babel-cli": "^6.24.1",
+    "babel-core": "^6.24.1",
+    "babel-loader": "^7.0.0",
+    "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1",
+    "babel-preset-react": "^6.24.1",
+    "gulp": "^3.9.1",
+    "gulp-live-server": "0.0.30",
+    "gulp-sass": "^3.1.0",
+    "gulp-uglify": "^2.0.0",
+    "webpack": "^2.5.0"
+  }
+}
diff --git a/Projeto/producao.html b/Projeto/producao.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <link rel="stylesheet" href="public/css/style.min.css">
+    <title></title>
+    <script src="https://fb.me/react-with-addons-0.14.8.js"></script>
+    <script src="https://fb.me/react-dom-0.14.8.js"></script>
+</head>
+<body>
+	<div class="producao">	
+		<h1>Desculpe os transtornos.</h1>
+		<h2>Página em construção!</h2>
+		<h1>^¬^</h1>
+		<a href="index.html">Voltar</a>
+	</div>
+</body>
+</html>
diff --git a/Projeto/public/css/style.min.css b/Projeto/public/css/style.min.css