Primož Žnidar zprima

Developer @poviolabs

zprima / app.js

Created August 16, 2020 07:17

Fetching and disaplying random kana

	function nextRandomKana() {
	const random = Math.floor(Math.random() * kana.length);
	const newKana = kana[random];

	document.getElementById('romaji').innerText = newKana.en;
	document.getElementById('h_tip').innerText = newKana.hiragana_info;
	document.getElementById('k_tip').innerText = newKana.katakana_info;
	document.getElementById('hiragana').innerText = newKana.hiragana;
	document.getElementById('katakana').innerText = newKana.katakana;
	}

zprima / index.html

Created August 16, 2020 07:11

page structure

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Kana</title>

	<link href="https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="style.css">
	</head>

zprima / kana.js

Created August 16, 2020 06:49

Basic kana structure

zprima / server.js

Created June 9, 2019 10:53

medium_p10_c1

	const { createServer } = require('https');
	const { parse } = require('url');
	const next = require('next');
	const fs = require('fs');

	const dev = process.env.NODE_ENV !== 'production';
	const app = next({ dev });
	const handle = app.getRequestHandler();

	const httpsOptions = {

zprima / index.js

Created June 9, 2019 07:22

medium_p9_c6

	import React from 'react';
	import ReactDOM from 'react-dom';

	const App = () => (
	<div className="app">
	<h1>Hi from MyApp</h1>
	</div>
	);

	ReactDOM.render(<App />, document.getElementById('app'));

zprima / index.html

Created June 9, 2019 07:21

medium_p9_c5

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>MyApp</title>
	</head>
	<body>
	<div id="app"></div>

zprima / .babelrc

Created June 9, 2019 07:20

medium_p9_c4

zprima / webpack.config.js

Created June 9, 2019 07:14

medium_p9_c3

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

	module.exports = {
	entry: './src/index.js', // default
	output: {
	path: path.resolve(__dirname, 'dist'),
	filename: 'bundle.js'

zprima / packages install

Created June 9, 2019 07:13

medium_p9_c2

	// Webpack
	npm i --save-dev webpack webpack-dev-server webpack-cli
	npm i --save-dev copy-webpack-plugin
	npm i --save-dev html-webpack-plugin

	// Babel
	npm i --save-dev @babel/core @babel/preset-env
	npm i --save-dev babel-loader
	npm i --save-dev @babel/preset-react

zprima / medium_p9_c1

Created June 9, 2019 07:11

init