diff --git a/.gitignore b/.gitignore
index 646570b..bd0a3bb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -40,4 +40,5 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
-/base/
\ No newline at end of file
+/base/
+/src/app/testenv/
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d4590d2..dcbf80b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -48,7 +48,7 @@ export default function Home() {
           )
           <br/>- <a href="https://www.infomaniak.com" className="text-blue-300">infomaniak</a> (cuz 77.192.72.192 is hard to remember)
         </p>
-        <h1 className="font-[Bitcount] text-gray-50 text-2xl">I sometimes do stuff for free, contact me and we&apos;ll see if you&apos;re lucky</h1>
+        <h1 className="font-[Bitcount] text-gray-50 text-2xl">I don&apos;t take paid commissions however I sometimes do stuff for free, contact me and we&apos;ll see if you&apos;re lucky</h1>
       </main>
       <p className="mt-5 font-normal font-[Italianno] text-gray-500 text-4xl">&apos;&apos; Why need a whole earth if you&apos;re already in the best place you&apos;ll ever be ,, <a href="#" className="text-gray-400">-me on a random friday</a></p>
     </>
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
new file mode 100644
index 0000000..3a09d9a
--- /dev/null
+++ b/src/app/portfolio/page.tsx
@@ -0,0 +1,7 @@
+export default function Portfolio() {
+  return (
+    <>
+      
+    </>
+  )
+}
\ No newline at end of file
diff --git a/src/components/project.tsx b/src/components/project.tsx
new file mode 100644
index 0000000..8dea5f1
--- /dev/null
+++ b/src/components/project.tsx
@@ -0,0 +1,11 @@
+interface ProjectSpecs {
+  name: string;
+  link: string;
+  image: React.ReactNode;
+  description: string;
+  tags: 
+}
+
+export function Project({ name, link, image, description, tags }: ProjectSpecs) {
+  
+}
\ No newline at end of file
diff --git a/src/components/tags.tsx b/src/components/tags.tsx
new file mode 100644
index 0000000..82355de
--- /dev/null
+++ b/src/components/tags.tsx
@@ -0,0 +1,27 @@
+import TagType from "@/types/tags";
+
+interface TagProps {
+  tag: TagType;
+}
+
+export default function Tag({ tag }: TagProps) {
+  return (
+    <>
+        <div
+          style={{ borderColor: tag.color }}
+          className="border-2 rounded-full px-2 py-1 flex flex-row items-center space-x-1.5"
+        >
+          <span
+            className="relative inline-flex size-3 rounded-full bg-red-600"
+            style={{ backgroundColor: tag.color }}
+          >
+            <span
+              className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 inline-flex size-8 animate-ping rounded-full opacity-75"
+              style={{ backgroundColor: tag.color }}
+            ></span>
+          </span>
+          <p className="text-[16px] text-white font-[Bitcount]">{tag.text}</p>
+        </div>
+    </>
+  );
+}
diff --git a/src/types/tags.ts b/src/types/tags.ts
new file mode 100644
index 0000000..7a40f37
--- /dev/null
+++ b/src/types/tags.ts
@@ -0,0 +1,12 @@
+export default interface TagType {
+  text: string;
+  color: string;
+}
+
+export const nextjs_tag: TagType = { text: "NextJS", color: "#ffffff" };
+export const python_tag: TagType = { text: "Python", color: "#cfae0c" };
+export const sql_tag: TagType = { text: "SQL", color: "#a64d0a" };
+export const javascript_tag: TagType = { text: "JavaScript", color: "#fff203"}
+export const typescript_tag: TagType = { text: "TypeScript", color: "#0378ff" };
+export const docker_tag: TagType = { text: "Docker", color: "#1353c2" };
+export const java_tag: TagType = { text: "Java", color: "#d1062b"}
\ No newline at end of file