Cv project (#17)

* feat: updated component

* feat: added components

* feat: fixed

* refactor(feat): added button, renamed variables

* feat: updated education info component

* feat: experience component added

* refactor: modular

* feat: new components, style, etc

* refactor: remove unneccessary divs

* feat(styling): yep

* feat(style): new font added for resume

* feat(styling): colors, btns, etc

* feat: basically done

cv-project/src/App.jsx

@@ -0,0 +1,70 @@
+import GeneralInfoForm from "./components/generalInfoForm";
+import GeneralInfoDisplay from "./components/generalInfoDisplay";
+import EducationInfoDisplay from "./components/educationInfoDisplay";
+import EducationInfoForm from "./components/educationInfoForm";
+import ExperienceForm from "./components/experienceForm";
+import ExperienceDisplay from "./components/experienceDisplay";
+
+import "./App.css";
+import { useState } from "react";
+import Button from "./components/button";
+
+function App() {
+  const [basicInfo, setBasicInfo] = useState({
+    fullName: "Marvin Gaye",
+    phone: "301-240-5555",
+    email: "mgaye@motown.com",
+    location: "Detriot, MI",
+  });
+  const [educationInfo, setEducationInfo] = useState([]);
+  const [editEducation, setEditEducation] = useState(null);
+  const [employmentHistory, setEmploymentHistory] = useState([]);
+  const [showJobForm, setShowJobForm] = useState(false);
+  const [educationItemActive, setEducationItemActive] = useState(false);
+
+  return (
+    <div className="container">
+      <div className="form">
+        <GeneralInfoForm setBasicInfo={setBasicInfo} basicInfo={basicInfo} />
+        <div className="btn-group">
+          <Button
+            onClick={() => {
+              setEducationItemActive(!educationItemActive);
+            }}
+            text="Add Education"
+            className="normal-btn"
+          />
+          <Button
+            onClick={() => setShowJobForm(!showJobForm)}
+            text="Add Employment"
+            className="normal-btn"
+          />
+        </div>
+        <EducationInfoForm
+          educationInfo={educationInfo}
+          setEducationInfo={setEducationInfo}
+          setEditEducation={setEditEducation}
+          editEducation={editEducation}
+          educationItemActive={educationItemActive}
+        />
+        <ExperienceForm
+          employmentHistory={employmentHistory}
+          setEmploymentHistory={setEmploymentHistory}
+          showJobForm={showJobForm}
+        />
+      </div>
+
+      <div className="resume">
+        <GeneralInfoDisplay basicInfo={basicInfo} />
+        <EducationInfoDisplay
+          educationInfo={educationInfo}
+          setEditEducation={setEditEducation}
+          setEducationInfo={setEducationInfo}
+        />
+        <ExperienceDisplay employmentHistory={employmentHistory} />
+      </div>
+    </div>
+  );
+}
+
+export default App;