+
+ ))}
+ {certification.name} - {certification.institution} - {certification.date}
+
+
+ );
+};
+
+export default About;
\ No newline at end of file
diff --git a/src/components/Academic.js b/src/components/Academic.js
new file mode 100644
index 00000000..026f4987
--- /dev/null
+++ b/src/components/Academic.js
@@ -0,0 +1,22 @@
+import React from 'react';
+import '../styles/components/Academic.css';
+
+const Academic = (props) => {
+ const { academics } = props;
+ return (
+ About
++ E-mail: {info?.email} +
++ Website: {info?.website} +
+{info?.address}
+Academic
+ {academics?.map((academic, index) => ( +
+ {academic.degree}
+
+
+ ))}
+ +
{academic.institution}
+{academic.endDate}
+Certifications
+Experience
+
+
+ ))}
+ {experience.company}
+{experience.jobTitle}
+{experience.startDate} - {experience.endDate}
+{experience.jobDescription}
+{info?.name}
+{info?.profession}
+{info?.email}
+{info?.website}
+{info?.address}
+Interests
+
+ {interests.map((interest, index) => (
+
+
+
+ ))}
+ {interest}
+
+
+ );
+};
+
+export default Languages;
\ No newline at end of file
diff --git a/src/components/Profile.js b/src/components/Profile.js
new file mode 100644
index 00000000..42088a58
--- /dev/null
+++ b/src/components/Profile.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import '../styles/components/Profile.css';
+
+function Profile(props) {
+ return (
+ Languages
+ {languages.map((language, index) => ( +
+
+ ))}
+ {language.name}
+
+
+
+ {language.percentage}
+
+
+
+ );
+}
+
+export default Profile;
\ No newline at end of file
diff --git a/src/components/Skills.js b/src/components/Skills.js
new file mode 100644
index 00000000..07623a5a
--- /dev/null
+++ b/src/components/Skills.js
@@ -0,0 +1,26 @@
+import React from 'react';
+import '../styles/components/Skills.css';
+
+const Skills = (props) => {
+ const { skills } = props;
+ return (
+ Profile
+{props.profile}
+Skills
+
+ {skills.map((skill, index) => (
+
+
+
+ ))}
+ {skill.name}
+
+ {skill.percentage}
+
+ Social Networks
+
+ {socialNetworks.map((socialNetwork, index) => (
+
+
+ 
openUrl(socialNetwork.url)} />
+
+ ))}
+ {socialNetwork.name}
++
+
+
+
+
+
+
Loading...
+ );
};
export default App;
diff --git a/src/index.js b/src/index.js
index 9077e5ff..b3a18ed7 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,5 +1,12 @@
import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
import App from './containers/App';
-ReactDOM.render(