CardSwap - Marketplace de Troca de Cartas

Projeto desenvolvido para o desafio técnico da vaga de Front-end da InMeta.

🌐 Deploy

https://cardswapmarketplace.vercel.app

🚀 Tecnologias

• Vue 3 (Composition API)
• TypeScript
• Vite
• Pinia (gerenciamento de estado)
• Axios (requisições HTTP)
• Vue Router (roteamento de páginas)
• Tailwind (estilização padronizada)

✨ Funcionalidades

• Autenticação de usuário (login e registro)
• Adição/remoção de cartas na conta do usuário
• Criação de solicitações de troca
• Visualização de todas as trocas disponíveis
• Busca e filtragem de cartas

🛠️ Como executar localmente

1. Clone o repositório

   git clone https://github.com/edrda/cardswap.git
   
   

2. Acesse a pasta do projeto

   cd cardswap
   
   

3. Instale as dependências

   npm install
   
   

4. Execute o servidor de desenvolvimento

   npm run dev
   
   

5. Abra no navegador: http://localhost:5173

📂 Estrutura inicial do projeto

src/
├── assets/          # Arquivos estáticos
├── components/      # Componentes reutilizáveis
├── pages/           # Páginas da aplicação
├── router/          # Configuração de rotas
├── services/        # Configuração de API
├── store/           # Gerenciamento de estado (Pinia)
├── types/           # Tipos TypeScript
└── App.vue

💡 Este projeto foi desenvolvido exclusivamente para fins de avaliação técnica.

✒️ Extra!

Para esse projeto, desenhei também a UI no figma. Pensando em uma interface mais limpa e minimalista, além de responsividade. https://www.figma.com/design/NIOyAY5BlmKOdHafgPYSaT/CardTrade?node-id=11-2&t=KrSj6ZBEeS98uygM-1