import Link from 'next/link' import Image from 'next/image'; import { useEffect, useState } from 'react' import CodeIcon from '../components/Images/CodeIcon' import DesignIcon from '../components/Images/DesignIcon' import GitHubIcon from '../components/Images/GitHubIcon'; import MailIcon from '../components/Images/MailIcon'; import TwitterIcon from '../components/Images/TwitterIcon'; import Head from 'next/head'; const IndexPage = () => { const [timeString, setTimeString] = useState( (new Date().getHours() < 12 ? 'Morning' : (new Date().getHours() >= 12 && new Date().getHours() <= 17 ? 'Afternoon' : (new Date().getHours() >= 17 && new Date().getHours() <= 24 ? 'Evening' : 'Morning'))) ) useEffect(() => { const hours = new Date().getHours() console.log(new Date()) if (hours < 12) { setTimeString('Morning') } else if (hours >= 12 && hours <= 17) { setTimeString('Afternoon') } else if (hours >= 17 && hours <= 24) { setTimeString('Evening') } }) return ( <>

Good {timeString}! I'm Jack Merrill.

A Graphic and UI Designer and Fullstack Developer from the Windy City.

See my Work or Contact Me

Nice to meet you!

I'm Jack, a Graphic/UI Designer and Fullstack Developer from Chicago. Since I started programming in 2014, I've used Python, NodeJS, HTML and CSS. Nowadays, I prefer to use NextJS, TailwindCSS, and NodeJS. Being a fullstack developer, I've had to create numerous logos and brands for various projects of mine.