import React, { FC, useContext, useState } from 'react'; import { ThemeContext } from '../styles/theme'; import { useForm, ValidationError } from '@formspree/react'; import Head from 'next/head'; import { Wrapper } from '../styles/about'; import Image from 'next/image'; import Input from '../components/Input'; import MDXButton from '../components/MDXButton'; const About: FC = () => { const { mode } = useContext(ThemeContext); const [form, setForm] = useState<{ name: string; email: string; message: string }>({ name: '', email: '', message: '' }); const [state, Submit] = useForm('xoqpgyge'); const [submitted, setSubmitted] = useState(false); const handleChange = (event: React.ChangeEvent) => { setForm({ ...form, [event.target.name]: event.target.value }); }; const handleSubmit = async (event: React.FormEvent) => { try { await Submit(event); setSubmitted(true); } finally { setTimeout(() => setSubmitted(false), 1000); setForm({ name: '', email: '', message: '' }); } }; return ( <> About | Hazem Krimi

About Me

I am a software developer and a student. I have experience as a full stack developer but I lean more to the front end and I have built a lot of web apps and some mobile apps. Also, I am always learning and experimenting with new technologies (currently learning about the ethereum blockchain) and other topics other than software engineering.

Contact Me {submitted && Message sent ✔️}

); }; export default About;