✨ Features: - Camera OCR card scanning with Tesseract.js - Beautiful glowing card effects and animations - Intelligent card matching and recognition - Mobile-responsive design with Tailwind CSS 🏗️ Architecture: - Frontend: React TypeScript application - Backend: Vercel Functions (replacing FastAPI) - Database: JSON file with exported card data - Deployment: Single Vercel project 📁 Structure: - api/ - Vercel Functions backend endpoints - src/ - React frontend components and logic - src/data/cards.json - Card database (12 cards) - vercel.json - Optimized Vercel configuration 💰 Cost: /bin/zsh additional (uses existing Vercel Pro) 🚀 Ready for immediate Vercel deployment
15 lines
425 B
TypeScript
15 lines
425 B
TypeScript
import { ReportHandler } from 'web-vitals';
|
|
|
|
const reportWebVitals = (onPerfEntry?: ReportHandler) => {
|
|
if (onPerfEntry && onPerfEntry instanceof Function) {
|
|
import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
|
|
getCLS(onPerfEntry);
|
|
getFID(onPerfEntry);
|
|
getFCP(onPerfEntry);
|
|
getLCP(onPerfEntry);
|
|
getTTFB(onPerfEntry);
|
|
});
|
|
}
|
|
};
|
|
|
|
export default reportWebVitals;
|