From 72f492b5f2488d1bb123871059711328ecc6ffb6 Mon Sep 17 00:00:00 2001
From: Camerin Figueroa <figueroa0609@protonmail.com>
Date: Sat, 25 Sep 2021 12:11:49 -0400
Subject: [PATCH] Added comments

---
 src/apis/github.js       |  2 ++
 src/components/About.js  | 13 +++++++++++++
 src/components/Github.js |  7 +++++++
 3 files changed, 22 insertions(+)

diff --git a/src/apis/github.js b/src/apis/github.js
index 0004350..2458421 100644
--- a/src/apis/github.js
+++ b/src/apis/github.js
@@ -1,5 +1,7 @@
 import axios from 'axios';
 
+// Axios request used to make requests to api.github.com
+
 export default axios.create({
     baseURL: 'https://api.github.com'
 });
\ No newline at end of file
diff --git a/src/components/About.js b/src/components/About.js
index 47a8324..f9433dd 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -6,6 +6,11 @@ import Card from './subcomponents/Card';
 
 
 class About extends React.Component {
+  /**
+   * About - About page
+   * This component doesn't require any props to be passed down.
+   * Using different components, about is a page that displays about information.
+   */
   componentDidMount () {
     document.title = "About";
   }
@@ -13,7 +18,9 @@ class About extends React.Component {
   render() {
     return (
       <div className="About">
+
         <Theater title="About" description="This page has information about me and about this site." extraClasses="h-50v" background="/img/sunset.webp"/>
+
         <Card title="Build with React" image="/img/react.webp">
           This website is created with <a href="https://reactjs.org/">React</a>, a javascript library for creating user interfaces and webapps.
           React uses a component based design to help developers create easily re-usable code, and to help streamline the development process.
@@ -28,11 +35,13 @@ class About extends React.Component {
         </Card>
 
         <div className="social">
+
           <div className="title">
             Social Media:
           </div>
 
           <div className="links">
+
             <a href="https://github.com/RaspberryProgramming" target="_blank" rel="noreferrer" className="link">
               <img src="/img/github.webp" alt="Github"/>
             </a>
@@ -40,11 +49,15 @@ class About extends React.Component {
             <a href="https://www.linkedin.com/in/camerin-figueroa-2662bb157/" target="_blank" rel="noreferrer" className="link">
               <img src="/img/linkedin.webp" alt="linked in"/>
             </a>
+
             <a href="https://www.hackerrank.com/figueroa0609" target="_blank" rel="noreferrer" className="link">
               <img src="/img/hackerrank.webp" alt="Hacker Rank"/>
             </a>
+
           </div>
+
         </div>
+
       </div>
     );
   }
diff --git a/src/components/Github.js b/src/components/Github.js
index 4ee66f6..0f4ac14 100644
--- a/src/components/Github.js
+++ b/src/components/Github.js
@@ -5,6 +5,13 @@ import {getRepos, getRepoLanguages} from '../actions';
 import Theater from './subcomponents/Theater';
 import _ from 'lodash';
 class Github extends React.Component {
+  /**
+   * Github - github repository list of a specific user.
+   * Github doesn't take any props and is
+   * a main component that will be directly displayed in the App component.
+   * Github will run an action that grabs a list of repositories, then displays them.
+   * Each language is requested once and listed for each repository.
+   */
 
   componentDidMount() {