matheusnascgomes/App.js

## App.js
import React, { Component } from "react";
import "./template/dependencies";

class App extends Component {
  render() {
    return (
      <body className="hold-transition login-page">
        <div className="login-box">
          <div className="login-logo">
            <a href="../../index2.html">
              <b>Admin</b>LTE
            </a>
          </div>

          <div className="login-box-body">
            <p className="login-box-msg">Sign in to start your session</p>

            <form action="../../index2.html" method="post">
              <div className="form-group has-feedback">
                <input
                  type="email"
                  className="form-control"
                  placeholder="Email"
                />
                <span className="glyphicon glyphicon-envelope form-control-feedback" />
              </div>
              <div className="form-group has-feedback">
                <input
                  type="password"
                  className="form-control"
                  placeholder="Password"
                />
                <span className="glyphicon glyphicon-lock form-control-feedback" />
              </div>
              <div className="row">
                <div className="col-xs-8">
                  <div className="checkbox icheck">
                    <label>
                      <input type="checkbox" /> Remember Me
                    </label>
                  </div>
                </div>

                <div className="col-xs-4">
                  <button
                    type="submit"
                    className="btn btn-primary btn-block btn-flat"
                  >
                    Sign In
                  </button>
                </div>
              </div>
            </form>

            <div className="social-auth-links text-center">
              <p>- OR -</p>
              <a
                href="#"
                className="btn btn-block btn-social btn-facebook btn-flat"
              >
                <i className="fa fa-facebook" /> Sign in using Facebook
              </a>
              <a
                href="#"
                className="btn btn-block btn-social btn-google btn-flat"
              >
                <i className="fa fa-google-plus" /> Sign in using Google+
              </a>
            </div>

            <a href="#">I forgot my password</a>
            <br />
            <a href="register.html" className="text-center">
              Register a new membership
            </a>
          </div>
        </div>
      </body>
    );
  }
}

export default App;

## dependencies.js
import "jquery/src/jquery";
import "admin-lte/plugins/jQueryUI/jquery-ui.min";
import "admin-lte/plugins/fastclick/fastclick";
import "admin-lte/plugins/slimScroll/jquery.slimscroll.min";
import "admin-lte/dist/js/app.min";

import "font-awesome/css/font-awesome.min.css";
import "ionicons/dist/css/ionicons.min.css";
import "admin-lte/bootstrap/css/bootstrap.min.css";

import "admin-lte/dist/css/AdminLTE.min.css";
import "admin-lte/dist/css/skins/_all-skins.min.css";
import "admin-lte/plugins/iCheck/flat/blue.css";

// Arquivo de customização (opcional)
import "./custom.css";

## package.json
{
    "name": "fideliza_front",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
        "react": "^16.4.1",
        "react-dom": "^16.4.1",
        "react-scripts": "1.1.4"
    },
    "devDependencies": {
        "admin-lte": "2.3.6",
        "font-awesome": "4.7.0",
        "ionicons": "3.0.0",
        "jquery": "^3.3.1"
    },
    "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test --env=jsdom",
        "eject": "react-scripts eject"
    }
}
	import React, { Component } from "react";
	import "./template/dependencies";

	class App extends Component {
	render() {
	return (
	<body className="hold-transition login-page">
	<div className="login-box">
	<div className="login-logo">
	<a href="../../index2.html">
	<b>Admin</b>LTE
	</a>
	</div>

	<div className="login-box-body">
	<p className="login-box-msg">Sign in to start your session</p>

	<form action="../../index2.html" method="post">
	<div className="form-group has-feedback">
	<input
	type="email"
	className="form-control"
	placeholder="Email"
	/>
	<span className="glyphicon glyphicon-envelope form-control-feedback" />
	</div>
	<div className="form-group has-feedback">
	<input
	type="password"
	className="form-control"
	placeholder="Password"
	/>
	<span className="glyphicon glyphicon-lock form-control-feedback" />
	</div>
	<div className="row">
	<div className="col-xs-8">
	<div className="checkbox icheck">
	<label>
	<input type="checkbox" /> Remember Me
	</label>
	</div>
	</div>

	<div className="col-xs-4">
	<button
	type="submit"
	className="btn btn-primary btn-block btn-flat"
	>
	Sign In
	</button>
	</div>
	</div>
	</form>

	<div className="social-auth-links text-center">
	<p>- OR -</p>
	<a
	href="#"
	className="btn btn-block btn-social btn-facebook btn-flat"
	>
	<i className="fa fa-facebook" /> Sign in using Facebook
	</a>
	<a
	href="#"
	className="btn btn-block btn-social btn-google btn-flat"
	>
	<i className="fa fa-google-plus" /> Sign in using Google+
	</a>
	</div>

	<a href="#">I forgot my password</a>
	<br />
	<a href="register.html" className="text-center">
	Register a new membership
	</a>
	</div>
	</div>
	</body>
	);
	}
	}

	export default App;
	import "jquery/src/jquery";
	import "admin-lte/plugins/jQueryUI/jquery-ui.min";
	import "admin-lte/plugins/fastclick/fastclick";
	import "admin-lte/plugins/slimScroll/jquery.slimscroll.min";
	import "admin-lte/dist/js/app.min";

	import "font-awesome/css/font-awesome.min.css";
	import "ionicons/dist/css/ionicons.min.css";
	import "admin-lte/bootstrap/css/bootstrap.min.css";

	import "admin-lte/dist/css/AdminLTE.min.css";
	import "admin-lte/dist/css/skins/_all-skins.min.css";
	import "admin-lte/plugins/iCheck/flat/blue.css";

	// Arquivo de customização (opcional)
	import "./custom.css";
	{
	"name": "fideliza_front",
	"version": "0.1.0",
	"private": true,
	"dependencies": {
	"react": "^16.4.1",
	"react-dom": "^16.4.1",
	"react-scripts": "1.1.4"
	},
	"devDependencies": {
	"admin-lte": "2.3.6",
	"font-awesome": "4.7.0",
	"ionicons": "3.0.0",
	"jquery": "^3.3.1"
	},
	"scripts": {
	"start": "react-scripts start",
	"build": "react-scripts build",
	"test": "react-scripts test --env=jsdom",
	"eject": "react-scripts eject"
	}
	}