🥋 PTM Kalari

A progressive web application showcasing PTM Kalarisangam - bridging ancient Indian martial arts and healing traditions with modern technology.

Lighthouse Performance Report

🌟 Key Features

Progressive Web App

• 📱 Installable - Add to home screen functionality
• 🔄 Offline Support - Core features work without internet
• 📲 Push Notifications - Stay updated with latest events
• 🔄 Background Sync - Reliable data updates
• 💨 App-like Experience - Smooth transitions and native feel

Performance

• ⚡ Fast Page Loads - First Contentful Paint: 0.2s
• 🎯 Speed Index - 1.7s load time
• 📱 Responsive Design - Fluid experience across all devices
• 🖼️ Image Optimization - Automated WebP/AVIF conversion
• 🔄 Streaming SSR - Enhanced server-side rendering
• 🎯 Core Web Vitals - Strong performance metrics:
  • FCP: 0.2s
  • LCP: 0.7s
  • Total Blocking Time: 50ms
  • Cumulative Layout Shift: 0

Technical Excellence

• 🎯 Type Safety - Full TypeScript implementation
• 🎨 Modern UI/UX - Fluid animations with Framer Motion
• 📧 Contact System - Secure email integration
• 📊 Analytics - Comprehensive usage insights
• 🗺️ Dynamic Sitemap - Automated generation
• 🔒 Security - Built-in XSS protection
• 🌍 i18n Ready - Internationalization support

🛠️ Technology Stack

Frontend Core

• Next.js - React framework with app router
• React - UI library with concurrent features
• TypeScript - Static type checking
• TailwindCSS - Utility-first styling

UI & Experience

• Radix UI - Accessible component primitives
• Framer Motion - Advanced animations
• Embla Carousel - Smooth image galleries
• Lucide Icons - Modern icon system
• Shadcn/UI - Reusable component library

Performance & Optimization

• Next PWA - Progressive web app features
• PNPM - Fast, disk-space efficient package manager
• ESLint - Code quality tools
• Next Sitemap - SEO optimization
• Vercel Analytics - Performance monitoring

📊 Lighthouse Scores

Performance:    97/100
Accessibility:  100/100
Best Practices: 100/100
SEO:           100/100

🚀 Getting Started

# Clone the repository
git clone https://github.com/sinanptm/ptm.git

# Navigate to project
cd ptm

# Install dependencies
pnpm install

# Set up environment variables
cp .env.example .env.local

# Start development server
pnpm dev

Visit http://localhost:3000 to see the application.

📦 Production Build

# Create production build
pnpm build

# Start production server
pnpm start

🙏 Acknowledgments

• PTM Kalarisangam for their cultural heritage preservation
• The open-source community for their invaluable tools