afiqzudinhadi/afiqzudinhadi.github.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: remove skill section

Browse source
This commit is contained in:
afiqzudinhadi 2025-06-07 00:05:23 +08:00
parent ba2c4c2932
commit 9629bd30d5
3 changed files with 0 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

54
app/components/skills-section.tsx
View file

@ -1,54 +0,0 @@
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Progress } from "@/components/ui/progress";
interface Skill {
name: string;
level: number;
}
interface SkillCategory {
_id: string;
category: string;
items: Skill[];
}
interface SkillsSectionProps {
skills: SkillCategory[];
}
export function SkillsSection({ skills }: SkillsSectionProps) {
return (
<section id="skills" className="py-20">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 className="text-4xl font-bold text-center mb-16">Skills</h2>
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
{skills.map((skillCategory) => (
<Card
key={skillCategory._id}
className="hover:shadow-lg transition-shadow"
>
<CardHeader>
<CardTitle className="text-xl text-center">
{skillCategory.category}
</CardTitle>
</CardHeader>
<CardContent className="space-y-4">
{skillCategory.items.map((skill) => (
<div key={skill.name} className="space-y-2">
<div className="flex justify-between text-sm">
<span className="font-medium">{skill.name}</span>
<span className="text-muted-foreground">
{skill.level}%
</span>
</div>
<Progress value={skill.level} className="h-2" />
</div>
))}
</CardContent>
</Card>
))}
</div>
</div>
</section>
);
}

1
app/root.tsx
View file

@ -40,7 +40,6 @@ export function Layout({ children }: { children: React.ReactNode }) {
<Links /> <Links />
</head> </head>
<body> <body>
<h1>Hello world!</h1>
{children} {children}
<ScrollRestoration /> <ScrollRestoration />
<Scripts /> <Scripts />

2
app/routes/_index.tsx
View file

@ -3,7 +3,6 @@ import { Navigation } from "@/components/navigation";
import { HeroSection } from "@/components/hero-section"; import { HeroSection } from "@/components/hero-section";
import { ExperienceSection } from "@/components/experience-section"; import { ExperienceSection } from "@/components/experience-section";
import { ProjectsSection } from "@/components/projects-section"; import { ProjectsSection } from "@/components/projects-section";
import { SkillsSection } from "@/components/skills-section";
import { ContactSection } from "@/components/contact-section"; import { ContactSection } from "@/components/contact-section";
import { portfolioData } from "@/data/portfolio"; import { portfolioData } from "@/data/portfolio";
@ -21,7 +20,6 @@ export default function Index() {
<HeroSection profile={portfolioData.profile} /> <HeroSection profile={portfolioData.profile} />
<ExperienceSection experiences={portfolioData.experiences} /> <ExperienceSection experiences={portfolioData.experiences} />
<ProjectsSection projects={portfolioData.projects} /> <ProjectsSection projects={portfolioData.projects} />
<SkillsSection skills={portfolioData.skills} />
<ContactSection profile={portfolioData.profile} /> <ContactSection profile={portfolioData.profile} />
</div> </div>
); );