A modern, responsive portfolio website built with Astro, React, and TailwindCSS. This site showcases my work as a Data Analyst and Business Intelligence specialist.
- Responsive Design: Fully responsive layout that works on all devices
- Dark Mode: Dynamic theme switching with persistent user preferences
- Modern UI: Beautiful, animated interfaces using TailwindCSS and Framer Motion
- Blog Support: MDX-powered blog with syntax highlighting
- Performance: Lightning-fast page loads with Astro's static site generation
- Photo Gallery: Responsive image gallery with hover effects
- Contact Form: Interactive contact form for easy communication
- Framework: Astro
- Styling: TailwindCSS
- Components: React
- Animations: Framer Motion
- Content: MDX
- Deployment: Netlify
/
├── public/
│ ├── images/
│ └── favicon.svg
├── src/
│ ├── components/
│ │ ├── MobileMenu.tsx
│ │ ├── ThemeToggle.tsx
│ │ └── Welcome.astro
│ ├── content/
│ │ └── blog/
│ ├── layouts/
│ │ └── Layout.astro
│ └── pages/
│ ├── about.astro
│ ├── blog/
│ ├── contact.astro
│ ├── index.astro
│ ├── photos.astro
│ ├── projects.astro
│ └── resume.astro
└── package.json
- Implemented dark/light mode with system preference detection
- Smooth transitions between themes
- Persistent theme selection
- Mobile-friendly hamburger menu
- Animated transitions
- Sticky header with backdrop blur
- Responsive grid layout
- Hover effects with image scaling
- Image descriptions with fade-in animations
- MDX support for rich content
- Category tagging
- Responsive article layout
- Interactive project cards
- Technology tag system
- Animated hover states
- Clone the repository
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Build for production:
npm run build
This project is licensed under the MIT License.