IfeCodes Portfolio (SvelteKit)

Personal portfolio website built with SvelteKit, Tailwind CSS, and GSAP.

Stack

• SvelteKit (Svelte 5 + TypeScript)
• Tailwind CSS v4
• GSAP + ScrollTrigger
• Lucide icons + custom SVG icons
• Vercel adapter

Features

• Hero section with animated particle canvas background
• Skills grid with category and technology icons
• Filterable projects section
• Interactive terminal section
• Contact form with validation and mailto fallback
• Responsive layout for mobile and desktop

Development

Setup sveltekit project:

# create a new project
npx sv create my-app

Install dependencies:

pnpm install

Start the dev server:

pnpm dev

Run type and Svelte checks:

pnpm check

Lint and formatting checks:

pnpm lint

Build

Create a production build:

pnpm build

Preview production build locally:

pnpm preview

Live Demo

• Vercel deployment: Svelete FE Portfolio

Author

• Name: Fortune Ife Aladetan
• Email: [email protected]
• GitHub: ALADETAN-IFE
• Portfolio: ifecodes.xyz