Project Tracker 🚀

A high-performance, premium Project Repository Ecosystem built with React, Vite, and Tailwind CSS v4. Optimized for tracking and showcasing web applications, AI experiments, and modern digital architectures.

📸 Screenshot

✨ Premium Features

• Modern Brand Identity: Sleek UI with a custom #8b5cf6 violet-to-purple gradient theme.
• Dynamic View Modes: Seamlessly switch between Grid, List, and Compact views.
• PWA Excellence: Fully installable as a native app on iOS, Android, and Desktop with offline sync.
• Advanced Repository Metrics: Comprehensive analytics dashboard visualizing development velocity and tech distribution.
• Live Search & Matrix Filtering: Fast navigation through complex project ecosystems.
• Copy-to-Clipboard: Quick-share project links with integrated premium toast notifications.
• Multilingual Core: Enterprise-grade i18n support (English & Vietnamese).
• Intelligent Themes: Precision-crafted light and dark modes with system sync.

🛠️ Technical Engine

• Core: React 19 + TypeScript
• Styling: Tailwind CSS v4 (JIT Engine)
• State: Context-driven architecture for Toasts, Theme, and Data.
• Motion: High-fidelity fluid animations powered by Framer Motion.
• Analytics: Data visualization via Recharts.
• Infrastructure: Vite 7 + Vite PWA Plugin.

🚀 Setup & Execution

1. Clone & Initialize

   git clone [repository-url]
   cd Project-Tracker

2. Sync Dependencies

   npm install

3. Launch Terminal (Dev)

   npm run dev

4. Production Compilation

   npm run build

📦 Architecture Breakdown

• src/components: Atomic UI components (Project cards, Dynamic Navbar, Layout).
• src/i18n: Global translation resources and configuration.
• src/context: Application state management for premium features.
• src/hooks: Custom logic for Theme switching, PWA sync, and Data fetching.
• src/pages: Feature-rich page layouts (Project Hub, Analytics).

📱 PWA Integration

Project Tracker is fully PWA-ready. When accessed via HTTPS, it offers a "native-like" experience with a dedicated installer in the Navbar. The custom square logo ensures the app icon looks perfect on any device home screen.

🌐 Deployment

Optimized for high-performance deployment on Vercel or Netlify.

---

Built with precision by TrongSigmaPro 💜