David Aimi - AI Engineer Portfolio

A visually stunning glassmorphic portfolio website with a storm/nature theme, built with React 19, Tailwind CSS 4, and ShadCN UI.

Tech Stack

• Framework: React 19 with TypeScript
• Styling: Tailwind CSS 4+
• Components: ShadCN UI (customized)
• Animations: Framer Motion
• Icons: Lucide React
• Charts: Recharts
• Routing: React Router DOM
• Build Tool: Vite

Features

• Glassmorphic design with storm-themed color palette
• Smooth animations (rain, lightning, floating effects)
• Responsive layout
• Four pages: Home, Portfolio, Hobbies, Contact
• ShadCN UI components customized for dark theme
• GitHub Pages deployment with custom domain support

Development

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Theme

The site uses a custom "Storm" theme with:

• Storm Grays: Deep backgrounds (#0a0c10 to #c5d3e8)
• Lightning Blues: Primary accent (#38bdf8)
• Electric Cyan: Secondary accent (#22d3ee)
• Forest Greens: Nature accent (#4ade80)

See claude.md for complete theme documentation.

Deployment

The site is automatically deployed to GitHub Pages via GitHub Actions when changes are pushed to the main branch.

License

MIT