Preparation for proper release

src/portfolio/helpers/TechnologyDisplay.tsx

@@ -0,0 +1,28 @@
+import {FC} from "react";
+import ProgressBar from "@/src/portfolio/helpers/ProgressBar";
+import styles from "../styling/projects.module.scss";
+import {TechnologyEnum} from "@/src/portfolio/helpers/Project";
+
+type args = {
+    name : TechnologyEnum,
+    customScore? : string,
+    score? : number
+}
+
+const TechnologyDisplay : FC<args> = ({name, score, customScore}) => {
+	if (score) {
+		return (
+			<div id={name.toLowerCase()} className={styles.technology} data-aos={"fade-in"}>
+				{name}
+				<ProgressBar percentage={score} customScore={customScore}/>
+			</div>
+		);
+	}
+	return (
+		<a href={"#"+name.toLowerCase()} className={styles.technology} data-aos={"fade-in"}>
+			{name}
+		</a>
+	);
+};
+
+export default TechnologyDisplay;