CRADOR DE CARD

Inspiration

What it does

How we built it

Challenges we ran into

Accomplishments that we're proud of

What we learned

What's next for CRADOR DE CARD

Criador de Card Instagram Aplicação React + Vite para criar cards (Instagram e outros formatos), com galeria de modelos e geração automática via AI (Gemini).

Rodar localmente npm install npm run dev Abra http://localhost:5173/.

Variáveis de ambiente Crie um arquivo .env baseado no .env.example.

GEMINI_API_KEY: usada no deploy da Vercel (serverless function em /api/gemini). card_key: alternativa ao GEMINI_API_KEY caso você tenha criado assim na Vercel. VITE_GEMINI_API_KEY: opcional para desenvolvimento local sem vercel dev. Deploy na Vercel Suba o código no GitHub. Na Vercel: New Project → Import Git Repository → selecione o repositório. Configure: Build Command: npm run build Output Directory: dist Em Environment Variables, adicione GEMINI_API_KEY (ou card_key). Deploy. Para React Router funcionar no refresh/URL direta, o projeto inclui vercel.json com fallback para index.html.

Publicar no GitHub (primeira vez) git init git add . git commit -m "init" git branch -M main git remote add origin https://github.com/yuriwinchest/RIADOR-DE-CARD-INSTAGRAM.git git push -u origin main About crição de card

card-seven-psi-67.vercel.app Resources Readme Activity Stars 0 stars Watchers 0 watching Forks 0 forks Releases No releases published Create a new release Packages No packages published Publish your first package Deployments 1 Production 2 days ago Languages TypeScript 75.1%

CSS 23.5%

JavaScript 1.1%

HTML 0.3% Suggested workflows Based on your tech stack Deno logo Deno Test your Deno project SLSA Generic generator logo SLSA Generic generator Generate SLSA3 provenance for your existing release workflows Webpack logo Webpack Build a NodeJS project with npm and webpack. More workflows Footer © 2025 GitHub,

Built With

• react
• tsx