[gndx#1] Add: project components with required structure

package.json

@@ -62,4 +62,4 @@
       "<rootDir>/src/__test__/setupTest.js"
     ]
   }
-}
+}

src/components/About.jsx

@@ -0,0 +1,21 @@
+import React, { Component } from "react";
+
+class About extends Component {
+    render() {
+        return (
+            <div>
+                <h1 className="About-title">About-title</h1>
+                <div>
+                    <ul>
+                    <li className="About-item">About-phone</li>
+                    <li className="About-item">About-email</li>
+                    <li className="About-item">About-wesite</li>
+                    <li className="About-item">About-address</li>
+                    </ul>
+                </div>
+            </div>
+        );
+    }
+}
+
+export default About;

src/components/Academic.jsx

@@ -0,0 +1,20 @@
+import React, { Component } from "react";
+
+class Academic extends Component {
+    render() {
+        return (
+            <div>
+                <h1 className="Academic-title">Academic-title</h1>
+                <div>
+                    <ul>
+                    <li className="Academic-item">Academic-item</li>
+                    <li className="Academic-item">Academic-item</li>
+                    <li className="Academic-item">Academic-item</li>
+                    </ul>
+                </div>
+            </div>
+        );
+    }
+}
+
+export default Academic;

src/components/Experience.jsx

@@ -0,0 +1,20 @@
+import React, { Component } from "react";
+
+class Experience extends Component {
+    render() {
+        return (
+            <div>
+                <h1 className="Experience-title">Experience-title</h1>
+                <div>
+                    <ul>
+                    <li className="Experience-item">Experience-item</li>
+                    <li className="Experience-item">Experience-item</li>
+                    <li className="Experience-item">Experience-item</li>
+                    </ul>
+                </div>
+            </div>
+        );
+    }
+}
+
+export default Experience;

src/components/Header.jsx

@@ -0,0 +1,15 @@
+import React, { Component } from 'react';
+
+class Header extends Component {
+    render() {
+        return (
+            <div>
+                <h1 className="Header-title">Header-title</h1>
+                <p className="Header-job-title">Header-job-title</p>
+                { this.props.children }
+            </div>
+        );
+    }
+}
+
+export default Header;

src/components/Interest.jsx

@@ -0,0 +1,20 @@
+import React, { Component } from "react";
+
+class Interest extends Component {
+    render() {
+        return (
+            <div>
+                <h1 className="Interest-title">Interest-title</h1>
+                <div>
+                    <ul>
+                    <li className="Interest-item">Interest-item</li>
+                    <li className="Interest-item">Interest-item</li>
+                    <li className="Interest-item">Interest-item</li>
+                    </ul>
+                </div>
+            </div>
+        );
+    }
+}
+
+export default Interest;

src/components/Languages.jsx

@@ -0,0 +1,20 @@
+import React, { Component } from "react";
+
+class Languages extends Component {
+    render() {
+        return (
+            <div>
+                <h1 className="Languages-title">Languages-title</h1>
+                <div>
+                    <ul>
+                    <li className="Languages-item">Languages-item</li>
+                    <li className="Languages-item">Languages-item</li>
+                    <li className="Languages-item">Languages-item</li>
+                    </ul>
+                </div>
+            </div>
+        );
+    }
+}
+
+export default Languages;

src/components/Profile.jsx

@@ -0,0 +1,14 @@
+import React, { Component } from "react";
+
+class Profile extends Component {
+    render() {
+        return (
+            <div>
+                <h1 className="Profile-title">Profile-title</h1>
+                <p className="Profile-desc">Profile-desc</p>
+            </div>
+        );
+    }
+}
+
+export default Profile;

src/components/Skills.jsx

@@ -0,0 +1,20 @@
+import React, { Component } from "react";
+
+class Skills extends Component {
+    render() {
+        return (
+            <div>
+                <h1 className="Skills-title">Skills-title</h1>
+                <div>
+                    <ul>
+                    <li className="Skills-item">Skills-item</li>
+                    <li className="Skills-item">Skills-item</li>
+                    <li className="Skills-item">Skills-item</li>
+                    </ul>
+                </div>
+            </div>
+        );
+    }
+}
+
+export default Skills;

src/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './containers/App';
 
-const root = ReactDOM.createRoot(document.getElementById("app"));
+const root = ReactDOM.createRoot(document.getElementById('app'));
 root.render(
   <React.StrictMode>
     <App />