added gpa

csce378Project/src/features/myRed/audit.js

@@ -4,6 +4,7 @@ import { useSelector, useDispatch } from 'react-redux';
 import PropTypes from 'prop-types';
 import piechart from './prototype/piechart.png';
 import barchart from './prototype/barchart.png';
+import gpaChart from './prototype/gpa.png';
 
 import classNames from 'classnames';
 import styles from './audit.module.css';
@@ -180,6 +181,7 @@ function ShowCreditDetails(props){
   return (
     <div className={styles.detailBox}>
       <img src={piechart} alt="piechart showing credits remaining" className={styles.image} />
+      <img src={gpaChart} alt="GPA" className={styles.image} />
       <img src={barchart} alt="barchart showing credits remaining" className={styles.image} />
     </div>
   );

csce378Project/src/features/myRed/audit.module.css

@@ -85,3 +85,10 @@
   justify-content: center;
   padding: 0.5em;
 }
+
+.GPAimage {
+  max-height: 6.5em;
+  max-width: 5em;
+  justify-content: center;
+  margin: 0.5em;
+}

package.json

 {
-  "name": "@unlsoft/starter-code",
+  "name": "@unlsoft/minimal-app",
   "version": "1.0.0",
-  "description": "A project skeleton to be used as starter code for labs and homework.",
+  "description": "A minimal app to be used as starter code for labs and homework.",
   "private": true,
   "license": "UNLICENSED",
   "scripts": {
-    "postinstall:stylelint-config": "cd stylelint-config && npm install",
-    "postinstall:eslint-config": "cd eslint-config && npm install",
-    "postinstall:app": "cd csce378Project && npm install",
-    "postinstall": "run-s postinstall:**",
-    "lint:app": "cd csce378Project && npm run lint",
+    "lint:css": "stylelint \"**/*.css\" \"**/*.module.css\" \"!coverage/**\"",
+    "lint:js": "eslint --max-warnings 0 ./src",
     "lint": "run-s --continue-on-error lint:**",
-    "test-once:app": "cd csce378Project && npm run test-once",
-    "test-once": "run-s --continue-on-error test-once:**",
-    "test": "run-s test-once",
-    "start": "cd csce378Project && npm run start",
-    "build:app": "cd csce378Project && npm run build",
-    "build": "run-s build:**"
+    "test-once": "react-scripts test --watchAll=false --coverage",
+    "test": "react-scripts test --watchAll --coverage",
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "eject": "react-scripts eject"
+  },
+  "homepage": ".",
+  "dependencies": {
+    "@reduxjs/toolkit": "^1.8.3",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.3.0",
+    "@testing-library/user-event": "^14.3.0",
+    "classnames": "^2.3.1",
+    "npm-run-all": "^4.1.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-redux": "^8.0.2",
+    "react-router-dom": "^6.3.0",
+    "react-scripts": "^5.0.1",
+    "workbox-background-sync": "^6.5.3",
+    "workbox-broadcast-update": "^6.5.3",
+    "workbox-cacheable-response": "^6.5.3",
+    "workbox-core": "^6.5.3",
+    "workbox-expiration": "^6.5.3",
+    "workbox-navigation-preload": "^6.5.3",
+    "workbox-precaching": "^6.5.3",
+    "workbox-range-requests": "^6.5.3",
+    "workbox-routing": "^6.5.3",
+    "workbox-strategies": "^6.5.3",
+    "workbox-streams": "^6.5.3"
   },
   "devDependencies": {
-    "ghooks": "^2.0.4",
-    "npm-run-all": "^4.1.5"
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@unlsoft/eslint-config": "file:../eslint-config",
+    "@unlsoft/stylelint-config": "file:../stylelint-config",
+    "eslint-plugin-jest-dom": "^4.0.2",
+    "stylelint": "^14.9.1"
   },
-  "config": {
-    "ghooks": {
-      "pre-commit": "npm run lint"
-    }
+  "stylelint": {
+    "extends": "@unlsoft/stylelint-config"
   },
-  "dependencies": {
-    "@mui/base": "^5.0.0-beta.58",
-    "@mui/styled-engine": "^6.1.3",
-    "@mui/x-charts": "^7.20.0",
-    "chart.js": "^4.4.5",
-    "react-google-charts": "^5.1.0",
-    "recharts": "^2.13.0"
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest",
+      "plugin:jest-dom/recommended",
+      "plugin:testing-library/react",
+      "@unlsoft/eslint-config/react"
+    ]
+  },
+  "jest": {
+    "clearMocks": true,
+    "collectCoverageFrom": [
+      "src/features/**/*.js"
+    ],
+    "resetMocks": false,
+    "restoreMocks": false
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
   }
 }