Justinnn07

import { useState } from "react";
import reactLogo from "./assets/react.svg";
import "./App.css";
import { Formik } from "formik";
import * as EmailValidator from "email-validator"; // used when validating with a self-implemented approach
import * as Yup from "yup"; // used when validating with a pre-built solution
import DoneIcon from "@mui/icons-material/Done";
function App() {
  const [count, setCount] = useState(0);

Justinnn07

/* Basic Style */

body {
  background: #fff;
  color: #333;
  font-family: Lato, sans-serif;
  background-color: #e4e4e4;
}

.container {

Justinnn07

import React from "react";
import "./App.css";
const App = () => {
  return (
    <div>
      <div class="container">
        <h2>TODO LIST</h2>
        <h3>Add Item</h3>
        <p>
          <input id="new-task" type="text" />