diff --git a/src/App.jsx b/src/App.jsx
index 51bc08c..f30baae 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,15 +1,23 @@
-import React from 'react'
-import {GeneralInformation, Header, SaveResume, Education, Project} from "./components"
+import React, { useState } from 'react'
+import {GeneralInformation, Header, SaveResume, Education, Project, CoCurricular} from "./components"
function App() {
+ const [generalInformation, SetGeneralInformation]= useState({
+ fullName:"",
+ phoneNumber:0,
+ email:"",
+ description:"",
+ });
+ console.log(generalInformation)
return (
)
diff --git a/src/assets/icons/Certificates.png b/src/assets/icons/Certificates.png
new file mode 100644
index 0000000..488b163
Binary files /dev/null and b/src/assets/icons/Certificates.png differ
diff --git a/src/components/Certifications.jsx b/src/components/Certifications.jsx
new file mode 100644
index 0000000..44d4418
--- /dev/null
+++ b/src/components/Certifications.jsx
@@ -0,0 +1,55 @@
+import React, { useState } from "react";
+import Certificates from "../assets/icons/Certificates.png"
+import expandMore from "../assets/icons/expand-more.png";
+import expandLess from "../assets/icons/expand-less.png";
+
+function CoCurricular() {
+ const [visible, setVisible] = useState(false);
+ const toggleForm = () => {
+ setVisible(visible);
+ };
+
+ const formHandler = (e) => {
+ e.preventDefault();
+ console.log(fullName);
+ };
+ return (
+
+
+
+
Certifications
+
+
+ {visible &&(
+
+ )}
+
+ );
+}
+
+export default CoCurricular;
diff --git a/src/components/Education.jsx b/src/components/Education.jsx
index 0718fcd..76cd6c7 100644
--- a/src/components/Education.jsx
+++ b/src/components/Education.jsx
@@ -64,45 +64,45 @@ function Education() {
- Percentage(%)
-
+ Percentage(%)
+
- City
-
+ City
+
{/* new qualification */}
Secondary Schooling Details *
- School
-
+ School
+
- Percentage (%)
-
+ Percentage (%)
+
- City
-
+ City
+
diff --git a/src/components/GeneralInformation.jsx b/src/components/GeneralInformation.jsx
index a9f2193..d5aa111 100644
--- a/src/components/GeneralInformation.jsx
+++ b/src/components/GeneralInformation.jsx
@@ -3,16 +3,44 @@ import personal from "../assets/icons/personal.png"
import expandMore from '../assets/icons/expand-more.png'
import expandLess from "../assets/icons/expand-less.png"
-function GeneralInformation() {
+function GeneralInformation({generalInformation, SetGeneralInformation}) {
const [visible, setVisible]= useState(false);
+ const { fullName, phoneNumber, email, description } = generalInformation;
+
+ const formHandler= (e) => {
+ const { name, value } = e.target;
+ switch (name) {
+ case 'fullName':
+ SetGeneralInformation({
+ ...generalInformation,
+ fullName:value,
+ })
+ break;
+ case 'PhNumber':
+ SetGeneralInformation({
+ ...generalInformation,
+ phoneNumber:value,
+ })
+ break;
+ case 'email':
+ SetGeneralInformation({
+ ...generalInformation,
+ email:value,
+ })
+ break;
+ default:
+ SetGeneralInformation({
+ ...generalInformation,
+ description:value,
+ })
+ break;
+ }
+ };
+
const toggleForm=()=>{
setVisible(!visible);
}
-
- const formHandler=(e)=>{
- e.preventDefault();
- console.log(fullName);
- }
+
return (
diff --git a/src/components/Project.jsx b/src/components/Project.jsx
index 1a1b556..346ff77 100644
--- a/src/components/Project.jsx
+++ b/src/components/Project.jsx
@@ -27,84 +27,87 @@ function Project() {
{visible&&(
- (1) Project/ Job Title
-
+ (1) Project/ Job Title
+
- Company
-
+ Company
+
Description (in bullet points)
-
-
-
+
+
+
-
+ {/* Project-2---------------------------------------------- */}
- (2) Project/Job Title
-
+ (2) Project/Job Title
+
- Company
-
+ Company
+
Description (in bullet points)
-
-
-
+
+
+
+{/* Project --------3------------------ */}
+
+
- (3) Project/ Job Title
-
+ (3) Project/ Job Title
+
- Company
-
+ Company
+
Description (in bullet points)
-
-
-
+
+
+
@@ -113,4 +116,4 @@ function Project() {
)
}
-export default Project
\ No newline at end of file
+export default Project;
\ No newline at end of file
diff --git a/src/components/index.js b/src/components/index.js
index c8184df..116403d 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -3,6 +3,7 @@ import SaveResume from "./SaveResume";
import GeneralInformation from "./GeneralInformation";
import Education from "./Education";
import Project from "./Project";
+import CoCurricular from "./Certifications";
-export {Header, SaveResume, GeneralInformation, Education, Project};
\ No newline at end of file
+export {Header, SaveResume, GeneralInformation, Education, Project, CoCurricular};
\ No newline at end of file