Ömer Burak KARATAŞ tarsusi

YouTube video link: https://youtu.be/8Uofkq718n8 All the commands that are executed in the above youtube video are mentioned in this gist.

Install Apache server on Ubuntu sudo apt install apache2
Install php runtime and php mysql connector sudo apt install php libapache2-mod-php php-mysql
Install MySQL server

	import { useState, useEffect } from 'react';

	const CountDown = ({ hours = 0, minutes = 0, seconds = 0 }) => {
	const [paused, setPaused] = useState(false);
	const [over, setOver] = useState(false);
	const [[h, m, s], setTime] = useState([hours, minutes, seconds]);

	const tick = () => {
	if (paused \|\| over) return;
	if (h === 0 && m === 0 && s === 0) setOver(true);

	TL;DR:
	If you know the index (the position) on which you'll stop (but NOT include), use slice().
	If you know the length of characters to be extracted, you could use substr(), but that is discouraged as it is deprecated.
	Otherwise, read on for a full comparison

	Syntax
	string.slice(start,end)
	string.substr(start,length)
	string.substring(start,end)
	Note #1: slice()==substring()

	import { useState } from "react"
	import useEventListener from "../useEventListener/useEventListener"

	export default function useOnlineStatus() {
	const [online, setOnline] = useState(navigator.onLine)
	useEventListener("online", () => setOnline(navigator.onLine))
	useEventListener("offline", () => setOnline(navigator.onLine))
	return online
	}

	import * as d3 from "d3";

	export function BarChartRace(chartId, extendedSettings) {
	const chartSettings = {
	width: 500,
	height: 400,
	padding: 40,
	titlePadding: 5,
	columnPadding: 0.4,
	ticksInXAxis: 5,