Skip to content

Instantly share code, notes, and snippets.

View blogcacanid's full-sized avatar

Rony Chandra Kudus blogcacanid

  • cacan.id
  • Jakarta
View GitHub Profile
@blogcacanid
blogcacanid / auth.config.js
Created November 12, 2020 07:42
auth.config.js Authentication JWT Node.js
module.exports = {
secret: "cacan-secret-key"
};
@blogcacanid
blogcacanid / db.config.js
Created November 12, 2020 07:42
db.config.js Authentication JWT Node.js
module.exports = {
HOST: "localhost",
USER: "root",
PASSWORD: "j.fUjHyL",
DB: "nodejs_auth_jwt",
dialect: "mysql",
pool: {
max: 5,
min: 0,
acquire: 30000,
@blogcacanid
blogcacanid / App.css
Created November 11, 2020 23:55
App.css Authentication JWT React JS Lumen 7
label {
display: block;
margin-top: 10px;
}
.card-container.card {
max-width: 350px !important;
padding: 40px 40px;
}
@blogcacanid
blogcacanid / App.js
Last active November 11, 2020 23:57
App.js Authentication JWT React JS Lumen 7
import React, { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import { Router, Switch, Route, Link } from "react-router-dom";
import "bootstrap/dist/css/bootstrap.min.css";
import logo from './logo.svg';
import "./App.css";
import Login from "./components/Login";
import Register from "./components/Register";
@blogcacanid
blogcacanid / history.js
Created November 11, 2020 23:53
history.js Authentication JWT React JS Lumen 7
import { createBrowserHistory } from "history";
export const history = createBrowserHistory();
@blogcacanid
blogcacanid / Home.js
Created November 11, 2020 23:53
Home.js Authentication JWT React JS Lumen 7
import React, { useState, useEffect } from "react";
import UserService from "../services/user.service";
const Home = () => {
const [content, setContent] = useState("");
useEffect(() => {
UserService.getPublicContent().then(
(response) => {
@blogcacanid
blogcacanid / Profile.js
Created November 11, 2020 23:52
Profile.js Authentication JWT React JS Lumen 7
import React from "react";
import { Redirect } from 'react-router-dom';
import { useSelector } from "react-redux";
const Profile = () => {
const { user: currentUser } = useSelector((state) => state.auth);
if (!currentUser) {
return <Redirect to="/login" />;
}
@blogcacanid
blogcacanid / Login.js
Created November 11, 2020 23:52
Login.js Authentication JWT React JS Lumen 7
import React, { useState, useRef } from "react";
import { useDispatch, useSelector } from "react-redux";
import { Redirect } from 'react-router-dom';
import Form from "react-validation/build/form";
import Input from "react-validation/build/input";
import CheckButton from "react-validation/build/button";
import { login } from "../actions/auth";
@blogcacanid
blogcacanid / Register.js
Created November 11, 2020 23:51
Register.js Authentication JWT React JS Lumen 7
import React, { useState, useRef } from "react";
import { useDispatch, useSelector } from "react-redux";
import Form from "react-validation/build/form";
import Input from "react-validation/build/input";
import CheckButton from "react-validation/build/button";
import { isEmail } from "validator";
import { register } from "../actions/auth";
@blogcacanid
blogcacanid / store.js
Created November 11, 2020 23:50
store.js Authentication JWT React JS Lumen 7
import { createStore, applyMiddleware } from "redux";
import { composeWithDevTools } from "redux-devtools-extension";
import thunk from "redux-thunk";
import rootReducer from "./reducers";
const middleware = [thunk];
const store = createStore(
rootReducer,
composeWithDevTools(applyMiddleware(...middleware))