Personal Portfolio Website

My personal portfolio website built with Astro and Tailwind CSS. Features a modern design, blog functionality, and project showcase.

Features

• 🚀 Modern and responsive design
• 📝 Blog with Markdown/MDX support
• 💼 Project showcase
• 🎨 Dark mode support
• 📱 Mobile-friendly
• ⚡ Performance optimized

Tech Stack

• Astro
• Tailwind CSS
• TypeScript
• MDX

Getting Started

1. Clone the repository

git clone https://github.com/yourusername/portfolio
cd portfolio

2. Install dependencies

npm install

3. Start development server

npm run dev

4. Build for production

npm run build

Project Structure

/
├── public/          # Static assets
├── src/
│   ├── assets/      # Images and styles
│   ├── components/  # UI components
│   ├── content/     # Blog posts and content
│   ├── layouts/     # Page layouts
│   └── pages/       # Page components
└── package.json

Blog Posts

Blog posts are written in Markdown or MDX and stored in src/content/post/. See the blog writing guide for detailed instructions.

Deployment

This site is deployed on Netlify. To deploy your own:

1. Push your code to GitHub
2. Connect your repository to Netlify
3. Configure the build settings:
   • Build command: npm run build
   • Publish directory: dist

License

MIT License