Alan Casagrande alancasagrande

alancasagrande / webpack.config.js

Last active November 16, 2020 00:51

	const path = require('path');
	const HtmlWebpackPlugin = require('html-webpack-plugin');

	const commonConfig = {
	mode: 'development',

	module: {
	rules: [
	{
	test: /\.m?js$/,

alancasagrande / package.json

Created November 16, 2020 00:48

	{
	"name": "mfa-demo-node",
	"version": "1.0.0",
	"private": true,
	"scripts": {
	"build:dev": "webpack --watch",
	"server:dev": "nodemon build/server.js --watch build/server.js"
	},
	"devDependencies": {
	"@babel/core": "^7.12.3",

alancasagrande / storage.js

Created November 16, 2020 00:48

	import { isArray } from 'util';

	const fs = require('fs');

	const storagePath = './storage';
	const usersPath = `${storagePath}/users.json`;

	const initialUsers = {
	alan: {
	username: 'alan',

alancasagrande / server.js

Created November 16, 2020 00:47

	import express from 'express';
	import cookieSession from 'cookie-session';
	import bodyParser from 'body-parser';
	import { initStorage, getUser } from './storage';

	initStorage();

	const app = express();

	app.use(

alancasagrande / Login.js

Last active November 16, 2020 13:21

	import React, { useCallback, useState } from 'react';
	import { login } from './api';
	import Input from './Input';

	export default function Login({ onLogin }) {
	const [username, setUsername] = useState('');
	const [password, setPassword] = useState('');
	const [invalidCredentials, setInvalidCredentials] = useState(false);

	const handleSubmit = useCallback(

alancasagrande / Input.js

Created November 16, 2020 00:44

	import React from 'react';

	export default function Input({ label, ...props }) {
	return (
	<div>
	<label htmlFor={props.id}>{label}</label>
	<br />
	<input {...props} />
	<br />
	<br />

alancasagrande / api.js

Last active November 16, 2020 13:20

	export async function login(username, password) {
	const res = await fetch('/login', {
	method: 'POST',
	headers: { 'Content-Type': 'application/json' },
	body: JSON.stringify({ username, password }),
	});

	if (res.status === 401) return {};

	const user = await res.json();

alancasagrande / App.js

Last active November 16, 2020 01:03

	import React, { useState } from 'react';
	import Login from './Login';

	export default function App({ user }) {
	// user not logged in, show login form
	if (!user) return <Login />;

	return (
	<div>
	Hello, {user.username}. <a href="/logout">Logout</a>

alancasagrande / index.js

Created November 14, 2020 17:16

	import moment from 'moment';

	function HelloComponent() {
	const element = document.createElement('div');
	element.innerText = `Now ${moment().format('L LT')}`;
	return element;
	}

	document.body.appendChild(HelloComponent());

alancasagrande / index.html

Last active November 14, 2020 16:51