diff --git a/src/app/page.tsx b/src/app/page.tsx
index 42e0145..fc0ca36 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,26 @@
import React from 'react'
+import { Project } from '@/typings/project'
+import { ProjectCard } from '@/components/ProjectCard'
export default function Page() {
+ const projects: Project[] = [
+ {
+ name: 'test',
+ description: 'test',
+ category: 'Misc',
+ imageUrl: 'https://avatars.githubusercontent.com/u/48355802?v=4',
+ socials: {},
+ languages: ['Rust'],
+ tags: ['1.8', 'Fullstack'],
+ },
+ ]
+
return (
- Matz Hilven
+
Matz Hilven
+ {projects.map((project: Project, index: number) => {
+ return
+ })}
)
}
diff --git a/src/components/ProjectCard.tsx b/src/components/ProjectCard.tsx
index 5885514..c669243 100644
--- a/src/components/ProjectCard.tsx
+++ b/src/components/ProjectCard.tsx
@@ -5,5 +5,11 @@ type Props = {
}
export const ProjectCard = ({ project }: Props) => {
- return {project.name}
+ return (
+
+
{project.name}
+
{project.description}
+
+
+ )
}
diff --git a/src/typings/project.ts b/src/typings/project.ts
index 6cff2ea..67f7ded 100644
--- a/src/typings/project.ts
+++ b/src/typings/project.ts
@@ -12,7 +12,7 @@ export type Project = {
description: string
category: Category
imageUrl: string
- socials: Record
+ socials: Partial>
languages: Language[]
tags: Tag[]
}