Codeforces Insights

Embed your live Codeforces stats in any GitHub README with a beautiful, auto-updating SVG card.

Features

• Live Stats: Real-time rating, rank, and solved problems count
• Difficulty Breakdown: Visual breakdown of problems solved by rating range
• Top Topics: Most frequently solved problem tags
• Auto-Updates: Stats refresh automatically (cached for 5 minutes)
• GitHub Dark Theme: Seamlessly integrates with GitHub's dark mode

Usage

Add this to your GitHub profile README:

![Codeforces Stats](https://your-deployment-url.vercel.app/api/insight?username=YOUR_CF_HANDLE)

Replace YOUR_CF_HANDLE with your Codeforces username.

Demo

Try the live preview at your deployed URL to generate your custom embed code.

Deployment

Deploy to Vercel

1. Click the button above
2. Connect your GitHub account
3. Deploy
4. Use your Vercel URL in the embed code

Local Development

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

Visit http://localhost:3000 to see the landing page.

API Endpoint

GET /api/insight?username={handle}

Returns an SVG card with Codeforces stats for the specified user.