From 18f5a11ed7a74231fc36cbff705692392c242bc5 Mon Sep 17 00:00:00 2001
From: Mike Smith <89040888+smiggiddy@users.noreply.github.com>
Date: Sat, 15 Jun 2024 22:54:07 -0400
Subject: [PATCH] feat: added components

---
 cv-project/package.json                     |  2 +-
 cv-project/src/App.jsx                      | 13 +++---
 cv-project/src/components/contactInfo.jsx   | 37 -----------------
 cv-project/src/components/educationInfo.jsx | 42 ++++++++++++++++++++
 cv-project/src/components/generalInfo.jsx   | 44 +++++++++++++++++++++
 cv-project/vite.config.js                   |  6 +--
 6 files changed, 97 insertions(+), 47 deletions(-)
 delete mode 100644 cv-project/src/components/contactInfo.jsx
 create mode 100644 cv-project/src/components/educationInfo.jsx
 create mode 100644 cv-project/src/components/generalInfo.jsx

diff --git a/cv-project/package.json b/cv-project/package.json
index ae036e0..a45f86a 100644
--- a/cv-project/package.json
+++ b/cv-project/package.json
@@ -1,7 +1,7 @@
 {
   "name": "cv-project",
   "private": true,
-  "version": "0.0.0",
+  "version": "0.0.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/cv-project/src/App.jsx b/cv-project/src/App.jsx
index 83b1366..6d2f344 100644
--- a/cv-project/src/App.jsx
+++ b/cv-project/src/App.jsx
@@ -1,13 +1,14 @@
-import ContactInfo from './components/contactInfo'
-import './App.css'
+import GeneralInfo from "./components/generalInfo";
+import EducationInfo from "./components/educationInfo";
+import "./App.css";
 
 function App() {
-
   return (
     <>
-      <ContactInfo />
+      <GeneralInfo />
+      <EducationInfo />
     </>
-  )
+  );
 }
 
-export default App
+export default App;
diff --git a/cv-project/src/components/contactInfo.jsx b/cv-project/src/components/contactInfo.jsx
deleted file mode 100644
index 35f93e9..0000000
--- a/cv-project/src/components/contactInfo.jsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useState } from "react"
-
-
-export default function ContactInfo() {
-  const [firstName, setFirstName] = useState('');
-  const [lastName, setLastName] = useState('');
-  const [phone, setPhone] = useState('');
-  const [email, setEmail] = useState('');
-
-  function handleFirstNameChange(event) {
-    setFirstName(event.target.value);
-  }
-  function handleLastNameChange(event) {
-    setLastName(event.target.value);
-  }
-
-
-  // function CustomInput({ placeholder, value, onChange }) {
-
-
-  return (
-    <>
-      <div className="contact-form">
-        <input placeholder='First Name' value={firstName} onChange={handleFirstNameChange} />
-        <input placeholder='Last Name' value={lastName} onChange={handleLastNameChange} />
-        <input placeholder='Email' value={email} onChange={(e => setEmail(e.target.value))} />
-        <input placeholder='Phone Number' value={phone} onChange={e => setPhone(e.target.value)} />
-      </div>
-      <div className="contact-form-render">
-        <h1>{firstName + ' ' + lastName}</h1>
-        <p>{email}</p>
-        <p>{phone}</p>
-      </div>
-    </>
-  )
-}
-
diff --git a/cv-project/src/components/educationInfo.jsx b/cv-project/src/components/educationInfo.jsx
new file mode 100644
index 0000000..53fee41
--- /dev/null
+++ b/cv-project/src/components/educationInfo.jsx
@@ -0,0 +1,42 @@
+import { useState } from "react";
+
+export default function EducationInfo() {
+  const [graduationDate, setGraduationDate] = useState("");
+  const [schoolName, setSchoolName] = useState("");
+  const [fieldOfStudy, setFieldOfStudy] = useState("");
+
+  return (
+    <div>
+      <div className="education-info-form">
+        <input
+          type="text"
+          placeholder="School Name"
+          value={schoolName}
+          onChange={(e) => setSchoolName(e.target.value)}
+        />
+        <input
+          type="text"
+          placeholder="Graduation Date"
+          value={graduationDate}
+          onChange={(e) => setGraduationDate(e.target.value)}
+        />
+        <input
+          type="text"
+          placeholder="Field of Study"
+          value={fieldOfStudy}
+          onChange={(e) => setFieldOfStudy(e.target.value)}
+        />
+        <button>Submit</button>
+      </div>
+      <div className="education-info">
+        <h2>School: {schoolName}</h2>
+        <p>
+          Graduation Date: {graduationDate}
+          <br /> Field of Study: {fieldOfStudy}
+        </p>
+        <button>remove</button>
+        <button>edit</button>
+      </div>
+    </div>
+  );
+}
diff --git a/cv-project/src/components/generalInfo.jsx b/cv-project/src/components/generalInfo.jsx
new file mode 100644
index 0000000..39dc27d
--- /dev/null
+++ b/cv-project/src/components/generalInfo.jsx
@@ -0,0 +1,44 @@
+import { useState } from "react";
+
+export default function GeneralInfo() {
+  const [firstName, setFirstName] = useState("");
+  const [lastName, setLastName] = useState("");
+  const [phone, setPhone] = useState("");
+  const [email, setEmail] = useState("");
+
+  return (
+    <div>
+      <div className="contact-form">
+        <input
+          type="text"
+          placeholder="First Name"
+          value={firstName}
+          onChange={(e) => setFirstName(e.target.value)}
+        />
+        <input
+          type="text"
+          placeholder="Last Name"
+          value={lastName}
+          onChange={(e) => setLastName(e.target.value)}
+        />
+        <input
+          type="email"
+          placeholder="Email"
+          value={email}
+          onChange={(e) => setEmail(e.target.value)}
+        />
+        <input
+          type="text"
+          placeholder="Phone Number"
+          value={phone}
+          onChange={(e) => setPhone(e.target.value)}
+        />
+      </div>
+      <div className="contact-info">
+        <h1>{firstName + " " + lastName}</h1>
+        <p>{email}</p>
+        <p>{phone}</p>
+      </div>
+    </div>
+  );
+}
diff --git a/cv-project/vite.config.js b/cv-project/vite.config.js
index 5a33944..9cc50ea 100644
--- a/cv-project/vite.config.js
+++ b/cv-project/vite.config.js
@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-})
+});