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 ( +
+
+ person +

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() {
- - + +
- - + +
- - + +
- - + +
{/* new qualification */}

Secondary Schooling Details *

- - + +
- - + +
- - + +
- - + +
- - + +
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 (
@@ -28,21 +56,20 @@ function GeneralInformation() {
- +
- +
- +
- +
-
)}
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&&(
- - + +
- - + +
- - + +
- - + +
- - - + + +
- + {/* Project-2---------------------------------------------- */}
- - + +
- - + +
- - + +
- - + +
- - - + + +
+{/* Project --------3------------------ */} + +
- - + +
- - + +
- - + +
- - + +
- - - + + +
@@ -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