favicon, readme, and general page edits

CF-Slackbot · Jun 25, 2021 · 0fab178 · 0fab178
1 parent a3946dd
commit 0fab178
Show file tree

Hide file tree

Showing 10 changed files with 55 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,44 @@
 # Slack Bot Front End
 
+## Authors
+🤖 [Audrey Patterson](https://github.com/arpatterson31)
+
+🤖 [Ellis Yoo](https://github.com/yjyoo773)
+
+🤖 [Fizzo Pannosch](https://github.com/fizzo999)
+
+🤖 [Lydia Minehan-Tubic](https://github.com/LydiaMT)
+
+## About The Application
+
+A front end admin dashboard for our slack application [CF Slack Bot](https://github.com/CF-Slackbot/slackbot). A resource to see how students are performing on their CF Slack Bot quizzes. Administrators can create user accounts. All users with an active account have the ability to modify the question set for the Slack Bot via the [API server](https://github.com/CF-Slackbot/slackbot-questions-api). Add new questions, retire old outdated questions, or make edits to questions as technologies change. 
+
+## Initial Wireframe
+
+![Wireframe](./src/assets/wf.jpg)
+
+## Dependencies
+
+- @auth0/auth0-react
+- axios
+- bootstrap
+- chart.js
+- dotenv
+- react
+- react-awesome-spinners
+- react-bootstrap
+- react-chartjs-2
+- react-dom
+- react-if
+- react-router-dom
+- react-scripts
+- react-syntax-highlighter
+- sass
+- webpack-hot-middleware
+
+## [Learn more about our Project Prep & Planning](https://github.com/CF-Slackbot/project-prep2)
+
 ### Resources
 
-[Dynamic Form Fields in React](https://dev.to/fuchodeveloper/dynamic-form-fields-in-react-1h6c)
-[How to use chart.js to create charts in React](https://www.educative.io/edpresso/how-to-use-chartjs-to-create-charts-in-react)
+- [Dynamic Form Fields in React](https://dev.to/fuchodeveloper/dynamic-form-fields-in-react-1h6c)
+- [How to use chart.js to create charts in React](https://www.educative.io/edpresso/how-to-use-chartjs-to-create-charts-in-react)
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/favicon.png b/public/favicon.png
diff --git a/public/index.html b/public/index.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <link rel="shortcut icon" type="image/jpg" href="/favicon.png">
     <title>
       CF Studybot
     </title>

diff --git a/src/assets/wf.jpg b/src/assets/wf.jpg
diff --git a/src/components/aboutUs/about.js b/src/components/aboutUs/about.js
@@ -71,7 +71,7 @@ const About = () => {
                   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Egestas quis ipsum suspendisse ultrices gravida dictum fusce ut placerat. Tortor vitae purus faucibus ornare suspendisse sed. Sagittis nisl rhoncus mattis rhoncus. Duis convallis convallis tellus id interdum. Facilisis gravida neque convallis a cras semper. Justo donec enim diam vulputate ut pharetra. Arcu felis bibendum ut tristique. Nec feugiat nisl pretium fusce id velit ut tortor. Lacus sed viverra tellus in hac. Tellus mauris a diam maecenas sed enim ut sem. Placerat orci nulla pellentesque dignissim enim sit amet. Porttitor rhoncus dolor purus non enim. Neque sodales ut etiam sit amet nisl purus in mollis. Pellentesque habitant morbi tristique senectus et.</p>
                 </div>
               <div className="connect">
-                <a href="hhttps://github.com/fizzo999" alt="fizzon github" target="_blank" rel="noopener noreferrer"><img className="social-icon"src={github}/></a>                
+                <a href="https://github.com/fizzo999" alt="fizzon github" target="_blank" rel="noopener noreferrer"><img className="social-icon"src={github}/></a>                
                 <a href="https://www.linkedin.com/in/fizzopannosch/" alt="fizzo linkedIn" target="_blank" rel="noopener noreferrer"><img className="social-icon"src={linkedin}/></a>
               </div>
             </div>

diff --git a/src/components/adminPage/admin.js b/src/components/adminPage/admin.js
@@ -110,6 +110,7 @@ const Admin = (props) => {
   return isAuthenticated&& (
     <Container fluid>
       <h1>Admin Portal</h1>
+      <h3>Create new user accounts and assign roles</h3>
     <If condition={loggedInUser ? loggedInUser.data.user_metadata.role === 'admin' : false}>
       <Row style= {{marginTop:'16px'}}>
         <Col >

diff --git a/src/components/questions/questions.js b/src/components/questions/questions.js
@@ -98,6 +98,7 @@ const Questions = () => {
     isAuthenticated && (
       <Container fluid>
         <h1>Questions</h1>
+        <h3>Modify questions in the Slack Bot database</h3>
         <Row style={{ marginTop: "16px" }}>
           <Col>
             <QuestionsForm addQuestion={addQuestion} />

diff --git a/src/style/_form.scss b/src/style/_form.scss
@@ -6,4 +6,14 @@
     .form-label{
         padding:1.2vh;
     }
-}
+}
+
+.form-label{
+    font-size: 18px;
+    font-weight: bold;
+}
+
+//====== FORM BUTTON ======
+.x{
+    margin-right: 5px;
+}
diff --git a/src/style/_layout.scss b/src/style/_layout.scss
@@ -353,8 +353,3 @@ button.close {
   border-color: $purple;
   color: $black;
 }
-
-//====== FORM BUTTON ======
-.x{
-  margin-right: 5px;
-}