Sample Project

This is a sample project to demonstrate the portfolio functionality with MDX and Frontmatter CMS.

Project Overview

This project showcases:

• Modern Tech Stack: Astro, TypeScript, Tailwind CSS
• Content Management: MDX with Frontmatter CMS
• Performance: Static site generation
• Developer Experience: Type safety and hot reloading

Technical Details

The project uses:

// Example code block
import { useState } from 'react'

function App() {
  const [count, setCount] = useState(0)
  return (
    <div>
      <h1>Count: {count}</h1>
      <button onClick={() => setCount(count + 1)}>
        Increment
      </button>
    </div>
  )
}

Features

1. Responsive Design: Works on all devices
2. Dark Mode: Automatic theme switching
3. SEO Optimized: Meta tags and structured data
4. Accessible: WCAG compliant

Conclusion

This project demonstrates the power of modern web development tools and best practices.