Lora's Portfolio
Inspired by Magic UI Portfolio Template & Dillion Verma Built with Svelte 5, shadcn-svelte, Svelte-Motion and TailwindCSS
Features
- Easy customization via single config file
- SvelteKit 2 + Svelte 5 + TypeScript
- shadcn-svelte UI components
- Responsive design for all devices
- MacOS-style floating Dock with magnification animation
- Anime Section with Carousel & Lens/zoom effect
- Favorites Section with Bento Grid & Dialog modal (Spotify embed)
- 21+ Hackathons timeline with awards
- Blog with Markdown & syntax highlighting (mdsvex + Shiki)
- Scroll-triggered BlurFade animations
- Dark/Light mode support
Getting Started
- Clone the repository
git clone https://github.com/your-username/lora-website
- Install dependencies
npm install
- Start the development server
npm run dev
- Customize content in resume.ts
Tech Stack
- Framework: SvelteKit 2, Svelte 5
- Styling: TailwindCSS, shadcn-svelte
- Animations: Svelte-Motion, svelte-inview
- Content: mdsvex, Shiki (syntax highlighting)
- Icons: Lucide Svelte
- Deployment: Vercel ready
