X-TCG

A web application that generates trading card from X (Twitter) profile using TwitterAPI.io.

Screenshot

Features

• Fetch X (Twitter) profile data
• Show stats in trading card display
• Card 3D interactivity

Installation

1. Clone the repository:

   git clone https://github.com/corsfix/x-tcg

2. Install dependencies:

   npm install

3. Create a .env.local file in the project root and add your API key:

   NEXT_PUBLIC_X_API_KEY=your_twitterapi_api_key

4. Run the development server:

   npm run dev

5. Open http://localhost:3000 in your browser.

Configuration

• NEXT_PUBLIC_X_API_KEY: Your TwitterAPI.io key. Sign up at https://twitterapi.io to obtain one.
• The app uses a CORS proxy powered by Corsfix to avoid CORS issues.

Technologies

• Next.js (App Router, TypeScript)
• React (Client Components)
• Tailwind CSS

License

MIT License