@conorheffron/ironoc-frontend 2.1.2 → 5.5.9

package/README.md

@@ -1,9 +1,12 @@
 # ironoc-frontend
 
-[![Node.js Package](https://github.com/conorheffron/ironoc/actions/workflows/npm-publish-github-packages.yml/badge.svg)](https://github.com/conorheffron/ironoc/actions/workflows/npm-publish-github-packages.yml)
+The ironoc UI built with react for personal portfolio website.
+
+[![Node.js Package](https://github.com/conorheffron/ironoc/actions/workflows/npm-publish-packages.yml/badge.svg)](https://github.com/conorheffron/ironoc/actions/workflows/npm-publish-packages.yml)
 
 - See project README.md [here](https://github.com/conorheffron/ironoc/blob/main/README.md)
-- See published GitHub package details [here](https://github.com/conorheffron/ironoc/pkgs/npm/ironoc-frontend)
+- See npmjs package details here [https://www.npmjs.com/package/@conorheffron/ironoc-frontend](https://www.npmjs.com/package/@conorheffron/ironoc-frontend)
+- See GitHub package details here [https://github.com/conorheffron/ironoc/pkgs/npm/ironoc-frontend](https://github.com/conorheffron/ironoc/pkgs/npm/ironoc-frontend)
 
 ## Getting Started with React App
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conorheffron/ironoc-frontend",
-  "version": "2.1.2",
+  "version": "5.5.9",
   "private": false,
   "dependencies": {
     "@testing-library/jest-dom": "^5.17.0",

package/src/App.css

@@ -3,7 +3,7 @@
 }
 
 .App-logo {
-    height: 70vmin;
+    height: 37vmin;
     pointer-events: none;
 }
 

package/src/Footer.js

@@ -0,0 +1,11 @@
+import { Container } from 'reactstrap';
+
+export default function Footer() {
+  return (
+        <div className="App">
+            <Container>
+                <footer><p>© 2017 by Conor Heffron</p></footer>
+            </Container>
+        </div>
+  );
+}

package/src/components/About.js

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { Container } from 'reactstrap';
 import '.././App.css';
 import AppNavbar from '.././AppNavbar';
+import Footer from '.././Footer';
 
 class About extends Component {
 
@@ -16,11 +17,19 @@ class About extends Component {
                             <img src="https://static.licdn.com/scds/common/u/img/webpromo/btn_viewmy_160x33.png"
                                 width="160" height="33" border="0" alt="View Conor Heffron's profile on LinkedIn"></img>
                         </a>
-                        <p id="my-intro"><br />Welcome, I'm Conor Heffron, a Software Engineer hailing from County Meath, Ireland.
-                        With over ten years of professional experience, I specialize in writing clean code and
+                        <p id="my-intro">
+                        <br />
+                        Welcome, I'm Conor Heffron, a Software Engineer hailing from County Meath, Ireland.
+                        With over fourteen years of professional experience, I specialize in writing clean code and
                         developing high-performance applications. As a passionate Full Stack Developer, I am constantly
-                        expanding my technical expertise across various tech stacks, languages, frameworks, and
-                        tools in the realm of Software, Data, and DevOps. Let's connect and explore exciting
+                        expanding my technical expertise across various tech stacks, languages, frameworks, and tools in the 
+                        realm of Software Engineering, Data Engineering, & DevOps.
+                        <br /><br />
+                        I believe in continuous learning & practical skills that can be demonstrated in a positive & collaborative 
+                        manner (open source is great!). When not learning or working, I like jogging/cycling, music, cooking, 
+                        pretending to be a caffeine connoisseur, & searching for new forms of salsa verde / green sauce! 
+                        <br /><br />
+                        Let's connect and explore exciting
                         opportunities together! See above & beyond for contact details and further information.
                         </p><br />
                         <a class="strava-badge" href='https://strava.com/athletes/2582329' target="_clean">
@@ -29,9 +38,10 @@ class About extends Component {
                         </a>
                 </header>
             </Container>
+            <Footer/>
         </div>
     );
   }
 }
 
-export default About;
+export default About;

package/src/components/ControlledCarousel.js

@@ -4,6 +4,7 @@ import 'bootstrap/dist/css/bootstrap.css';
 import '.././App.css';
 import { Container } from 'reactstrap';
 import AppNavbar from '.././AppNavbar';
+import Footer from '.././Footer';
 import navy from '.././img/darkblue-bg.png';
 import teal from '.././img/teal-bg.png';
 import red from '.././img/red-bg.png';
@@ -103,6 +104,7 @@ class ControlledCarousel extends Component {
                             </Carousel.Item>
                         </Carousel>
                     </Container>
+                <Footer/>
             </div>
         );
     }

package/src/components/Home.js

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { Container } from 'reactstrap';
 import '.././App.css';
 import AppNavbar from '.././AppNavbar';
+import Footer from '.././Footer';
 import logo from '.././img/robot-logo.png';
 
 class Home extends Component {
@@ -12,10 +13,24 @@ class Home extends Component {
               <AppNavbar/>
               <Container>
                   <header className="App-header">
+                    <br /><br />
                     <a href="/"><img src={logo} className="App-logo" alt="iRonoc"/></a>
-                    <p id="my-intro">Web Application Development | Software & Data Engineering | DevOps</p>
+                    <p id="my-intro"> Welcome to my personal portfolio site.<br />
+                    Please use the navigation bar to view different features such as about me, my link tree, a carousel 
+                    that scrolls through highlighted projects & the GitHub project manager (PM) tool which is built 
+                    against the iRonoc API.
+                    <br /><br />
+                    The GitHub PM tool allows you to view & navigate the backlog of issues & bugs for a given project
+                    repository for the corresponding user or organisation account. There is an option to search by user ID
+                    or to drill down to a specific repository name via search or 'List Issues' icon in the 'Actions' column 
+                    of the <a href="https://www.ironoc.net/projects/conorheffron">projects component view</a>.
+                    <br /><br />
+                    The ironoc API is documented with <a href="https://www.ironoc.net/swagger-ui-ironoc.html">Open API</a> 
+                    & sample GET requests that return raw JSON responses are available for demonstration purposes only i.e. 
+                    <a href="https://www.ironoc.net/get-repo-issue/conorheffron/ironoc/">Issues JSON Sample</a>.</p>
                   </header>
               </Container>
+              <Footer/>
             </div>
         );
     }

package/src/components/NotFound.js

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { Container } from 'reactstrap';
 import '.././App.css';
 import AppNavbar from '.././AppNavbar';
+import Footer from '.././Footer';
 
 class NotFound extends Component {
 
@@ -15,6 +16,7 @@ class NotFound extends Component {
                     <p id="my-intro">Sorry, the page you are looking for could not be found.</p>
                   </header>
               </Container>
+              <Footer/>
             </div>
         );
     }

package/src/components/RepoDetails.js

@@ -3,6 +3,7 @@ import { Button, ButtonGroup, Container, InputGroup, Table } from 'reactstrap';
 import '.././App.css';
 import Form from 'react-bootstrap/Form';
 import AppNavbar from '.././AppNavbar';
+import Footer from '.././Footer';
 import { Link } from 'react-router-dom';
 
 class RepoDetails extends Component {
@@ -82,6 +83,7 @@ class RepoDetails extends Component {
                             <tbody>{repoList}</tbody>
                         </Table>
                     </Container>
+                    <Footer/>
                 </div>
             );
     }

package/src/components/RepoIssues.js

@@ -3,6 +3,7 @@ import { Button, Container, InputGroup, Table } from 'reactstrap';
 import '.././App.css';
 import Form from 'react-bootstrap/Form';
 import AppNavbar from '.././AppNavbar';
+import Footer from '.././Footer';
 
 class RepoIssues extends Component {
 
@@ -75,6 +76,7 @@ class RepoIssues extends Component {
                             <tbody>{repoList}</tbody>
                         </Table>
                     </Container>
+                    <Footer/>
                 </div>
             );
     }