Marvin Kaunda - Portfolio Website

A modern, responsive portfolio website built with Astro, showcasing professional experience, skills, and projects.

Features

• Responsive Design: Mobile-first approach with seamless desktop experience
• Dark Mode Support: Automatic theme switching with system preference detection
• Interactive Components: React components with Astro integration
• Modern Tech Stack: Built with Astro 4.x, React 18, TypeScript, and TailwindCSS
• Performance Optimized: Server-side rendering with selective client-side hydration

Pages

• Home: Hero section with about me and quick navigation
• Experience: Work history, projects, and education details
• Skills: Technical skills, core competencies, and languages

Tech Stack

• Framework: Astro 4.x with React components
• Styling: TailwindCSS with shadcn/ui components
• TypeScript: Full type safety throughout the codebase
• Fonts: Custom "Juana" and "Caveat" font families
• Deployment: Netlify with edge functions support

Development

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

# Type checking
astro check

Project Structure

src/
├── components/          # React components
│   ├── ui/             # shadcn/ui components
│   └── ...
├── config/             # Configuration and data
├── layouts/            # Astro layout components
├── pages/              # File-based routing
├── lib/                # Utilities
└── styles/             # Global styles

Contact

• Email: marvinkr@icloud.com
• LinkedIn: linkedin.com/in/marvinkaunda
• GitHub: github.com/marvkr