Merge branch 'master' of https://github.com/favour-chibueze/frontendstudygroup.github.io

Author: favour-chibueze

package-lock.json

@@ -0,0 +1,16 @@
+.container {
+  padding: 37px 80px;
+}
+.description {
+  line-height: 1.8;
+}
+.title {
+  color: #007a7c;
+}
+.list li {
+  line-height: 1.8;
+}
+.link {
+  color: #007a7c;
+  font-weight: bold;
+}

src/components/About/About.css

@@ -0,0 +1,32 @@
+import React from 'react';
+import "./About.css";
+
+const About = () => {
+  return (
+    <div className="container">
+      <p className="description">
+        The Frontend Study Group is a beginner-friendly project started by Women Who Code Front End to learn about front end
+        technologies as well as how to collaborate on an open source project in the spirit of Hacktoberfest. 
+        The study group aims to cover the following topics:
+      </p>
+      <ul className="list">
+        <li>HTML, CSS and Javascript</li>
+        <li>React</li>
+        <li>Deploying your application</li>
+        <li>Contributing to opensource</li>
+      </ul>
+      <h2 className="title">The Open Source ChatShow</h2>
+      <p>For the month of October, 2021, we have weekly virtual sessions showcasing voices from the open source community.
+          Feel free to <a href="https://us02web.zoom.us/webinar/register/WN_0i4q_-RxRnGyr3t_uD_XXw" target="_blank" rel="noopener noreferrer" className="link">
+            join us!
+          </a>
+      </p>
+      <p>
+        You can also check out our <a href="https://frontendstudygroup.github.io/blog/" target="_blank" rel="noopener noreferrer" 
+        className="link">blog</a> or contribute to <a href="https://github.com/frontendstudygroup/frontendstudygroup.github.io" target="_blank" rel="noopener noreferrer" className="link">this project.</a> 
+      </p>
+    </div>
+  )
+}
+
+export default About;

src/components/About/About.js

@@ -6,6 +6,7 @@ import Resources from "./Resources/Resources";
 import Footer from "./Footer/Footer";
 import SingleResource from "./SingleResource/SingleResource";
 import Contact from "./ContactUs/Contact";
+import About from "./About/About";
 import TableView from  "./Resources/TableView";
 
 
@@ -19,6 +20,7 @@ const Router = () => (
       <Route exact path="/resources" component={Resources} />
       <Route path="/resources/:id" component={SingleResource} />
       <Route exact path="/contact" component={Contact} />
+      <Route exact path="/about" component={About} />
       <Route exact path="/TableView" component={TableView} />
     </Switch>
     <Footer/>

src/components/Router.js

@@ -1402,6 +1402,7 @@
     "jest-resolve" "^26.6.2"
     "jest-util" "^26.6.2"
     "jest-worker" "^26.6.2"
+    "node-notifier" "^8.0.0"
     "slash" "^3.0.0"
     "source-map" "^0.6.0"
     "string-length" "^4.0.1"
@@ -2843,6 +2844,13 @@
   "resolved" "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz"
   "version" "2.2.0"
 
+"bindings@^1.5.0":
+  "integrity" "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ=="
+  "resolved" "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz"
+  "version" "1.5.0"
+  dependencies:
+    "file-uri-to-path" "1.0.0"
+
 "bluebird@^3.5.5":
   "integrity" "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
   "resolved" "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz"
@@ -3273,6 +3281,7 @@
     "anymatch" "^2.0.0"
     "async-each" "^1.0.1"
     "braces" "^2.3.2"
+    "fsevents" "^1.2.7"
     "glob-parent" "^3.1.0"
     "inherits" "^2.0.3"
     "is-binary-path" "^1.0.0"
@@ -3291,6 +3300,7 @@
   dependencies:
     "anymatch" "~3.1.2"
     "braces" "~3.0.2"
+    "fsevents" "~2.3.2"
     "glob-parent" "~5.1.2"
     "is-binary-path" "~2.1.0"
     "is-glob" "~4.0.1"
@@ -4580,6 +4590,7 @@
     "estraverse" "^5.2.0"
     "esutils" "^2.0.2"
     "optionator" "^0.8.1"
+    "source-map" "~0.6.1"
   optionalDependencies:
     "source-map" "~0.6.1"
 
@@ -5325,6 +5336,19 @@
   "resolved" "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   "version" "1.0.0"
 
+"fsevents@^1.2.7":
+  "integrity" "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw=="
+  "resolved" "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz"
+  "version" "1.2.13"
+  dependencies:
+    "bindings" "^1.5.0"
+    "nan" "^2.12.1"
+
+"fsevents@^2.1.2", "fsevents@^2.1.3", "fsevents@~2.3.2":
+  "integrity" "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA=="
+  "resolved" "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
+  "version" "2.3.2"
+
 "function-bind@^1.1.1":
   "integrity" "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
   "resolved" "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
@@ -6576,6 +6600,7 @@
     "@types/node" "*"
     "anymatch" "^3.0.3"
     "fb-watchman" "^2.0.0"
+    "fsevents" "^2.1.2"
     "graceful-fs" "^4.2.4"
     "jest-regex-util" "^26.0.0"
     "jest-serializer" "^26.6.2"
@@ -6968,6 +6993,8 @@
   "integrity" "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss="
   "resolved" "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz"
   "version" "4.0.0"
+  dependencies:
+    "graceful-fs" "^4.1.6"
   optionalDependencies:
     "graceful-fs" "^4.1.6"
 
@@ -6976,6 +7003,7 @@
   "resolved" "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz"
   "version" "6.1.0"
   dependencies:
+    "graceful-fs" "^4.1.6"
     "universalify" "^2.0.0"
   optionalDependencies:
     "graceful-fs" "^4.1.6"
@@ -7593,6 +7621,11 @@
     "dns-packet" "^1.3.1"
     "thunky" "^1.0.2"
 
+"nan@^2.12.1":
+  "integrity" "sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ=="
+  "resolved" "https://registry.npmjs.org/nan/-/nan-2.15.0.tgz"
+  "version" "2.15.0"
+
 "nanocolors@^0.2.12", "nanocolors@^0.2.2", "nanocolors@^0.2.8":
   "integrity" "sha512-SFNdALvzW+rVlzqexid6epYdt8H9Zol7xDoQarioEFcFN0JHo4CYNztAxmtfgGTVRCmFlEOqqhBpoFGKqSAMug=="
   "resolved" "https://registry.npmjs.org/nanocolors/-/nanocolors-0.2.12.tgz"
@@ -9391,6 +9424,7 @@
     "eslint-webpack-plugin" "^2.5.2"
     "file-loader" "6.1.1"
     "fs-extra" "^9.0.1"
+    "fsevents" "^2.1.3"
     "html-webpack-plugin" "4.5.0"
     "identity-obj-proxy" "3.0.0"
     "jest" "26.6.0"
@@ -11359,8 +11393,10 @@
   "resolved" "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz"
   "version" "1.7.5"
   dependencies:
+    "chokidar" "^3.4.1"
     "graceful-fs" "^4.1.2"
     "neo-async" "^2.5.0"
+    "watchpack-chokidar2" "^2.0.1"
   optionalDependencies:
     "chokidar" "^3.4.1"
     "watchpack-chokidar2" "^2.0.1"