Restructure component structure, add twitter information to portfolio, Introduce Certification component

Author: Maxwell Lang

…ment/PortfolioAccomplishment.module.scss …ccomplishment/Accomplishment.module.scsscomponents/PortfolioAccomplishment/PortfolioAccomplishment.module.scss renamed to components/Portfolio/Accomplishment/Accomplishment.module.scss components/PortfolioAccomplishment/PortfolioAccomplishment.module.scss renamed to components/Portfolio/Accomplishment/Accomplishment.module.scss

@@ -3,9 +3,9 @@ import { Component } from 'react';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 
-// import styles from './PortfolioAccomplishment.module.scss';
+// import styles from './Accomplishment.module.scss';
 
-export default class PortfolioAccomplishment extends Component {
+export default class Accomplishment extends Component {
     constructor(props) {
         super(props);
         this.state = {};

…ponents/PortfolioAccomplishment/index.js …onents/Portfolio/Accomplishment/index.jscomponents/PortfolioAccomplishment/index.js renamed to components/Portfolio/Accomplishment/index.js components/PortfolioAccomplishment/index.js renamed to components/Portfolio/Accomplishment/index.js

@@ -0,0 +1,39 @@
+import { Component } from 'react';
+
+import Col from 'react-bootstrap/Col';
+import Card from 'react-bootstrap/Card';
+
+// import styles from './Certification.module.scss';
+
+export default class Certification extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {};
+    }
+
+    render() {
+        return (
+            <Col xs={12} sm={6} lg={4}>
+                <Card>
+                    <Card.Body>
+                        {this.props.title ?
+                            <Card.Title>{this.props.title}</Card.Title>
+                        : null}
+
+                        {this.props.subtitle ? 
+                            <Card.Subtitle className="mb-2 text-muted">{this.props.subtitle}</Card.Subtitle>
+                        : null}
+
+                        <Card.Text>
+                            {this.props.children}
+                        </Card.Text>
+
+                        {this.props.links ? 
+                            this.props.links.map((linkObj, i) => <Card.Link key={i} target="_blank" rel="noreferrer" href={linkObj.href}>{linkObj.title}</Card.Link>)
+                        : null}
+                    </Card.Body>
+                </Card>
+            </Col>
+        )
+    }
+};

components/Portfolio/Certification/index.js

@@ -4,12 +4,12 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
 import Particles from "react-tsparticles";
 
-import imageMe from '../../public/me.png';
-import imageCode from '../../public/code-node.png';
-import tsParticleConfig from '../../public/portfolio-particles.json';
-import styles from './PortfolioHeader.module.scss';
+import imageMe from '../../../public/me.png';
+import imageCode from '../../../public/code-node.png';
+import tsParticleConfig from '../../../public/portfolio-particles.json';
+import styles from './Header.module.scss';
 
-export default class PortfolioHeader extends Component {    
+export default class Header extends Component {    
     constructor(props) {
         super(props);
         this.state = {};

…tfolioHeader/PortfolioHeader.module.scss …ents/Portfolio/Header/Header.module.scsscomponents/PortfolioHeader/PortfolioHeader.module.scss renamed to components/Portfolio/Header/Header.module.scss components/PortfolioHeader/PortfolioHeader.module.scss renamed to components/Portfolio/Header/Header.module.scss

@@ -4,9 +4,9 @@ import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import Button from 'react-bootstrap/Button';
 
-import styles from './PortfolioProjectAccomplishment.module.scss';
+import styles from './ProjectAccomplishment.module.scss';
 
-export default class PortfolioProjectAccomplishment extends Component {
+export default class ProjectAccomplishment extends Component {
     constructor(props) {
         super(props);
         this.state = {

components/PortfolioHeader/index.js components/Portfolio/Header/index.jscomponents/PortfolioHeader/index.js renamed to components/Portfolio/Header/index.js

@@ -2,9 +2,9 @@ import { Component } from 'react';
 
 import Col from 'react-bootstrap/Col';
 
-import styles from './PortfolioSectionSubHeader.module.scss';
+import styles from './SectionSubHeader.module.scss';
 
-export default class PortfolioSectionSubHeader extends Component {    
+export default class SectionSubHeader extends Component {    
     constructor(props) {
         super(props);
         this.state = {};