💼 Plataforma de entrevista por video chamada

Uma plataforma de videochamadas moderna, escalável e segura, construída com Convex, React, Next.js e Clerk para autenticação.

---

🚀 Demonstração

🔗 Acesse o projeto: link-do-deploy-aqui

📸 Preview:

---

📚 Sumário

• Sobre o Projeto
• Tecnologias
• Funcionalidades
• Como Rodar o Projeto
• Como Usar
• Screenshots
• Aprendizados
• Estrutura de Pastas
• Roadmap
• Links Úteis
• Autor
• Licença

---

💡 Sobre o Projeto

Esta plataforma de video chamada foi desenvolvido para recrutadores, avaliar seus candidatos na área de desenvolvimento.
A interface foi construída com React, Nexts e tailwind, com foco em design moderno, responsividade e performance.

O site também inclui animações sutis e modo escuro.

---

🛠️ Tecnologias

As principais tecnologias utilizadas neste projeto foram:

• React
• Next.js (Gerenciamento de rotas)
• Convex (banco de dados e autenticações de usuários)
• Clerk (Login)
• Tailwind (estilizações da página)

---

📚 Funcionalidades

• Criar e participar de videochamadas
• Salas com múltiplos participantes
• 🔑 Autenticação segura com Clerk
• 💬 Chat em tempo real dentro das salas
• 📡 Persistência e sincronização com Convex

---

📦 Como Rodar o Projeto

Siga as etapas abaixo para executar o projeto localmente:

    # Crie um arquivo .env.local na raiz do projeto com as variáveis necessárias:
    NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=...
    CLERK_SECRET_KEY=...
    CONVEX_DEPLOYMENT=...
    NEXT_PUBLIC_CONVEX_URL=...
    NEXT_PUBLIC_STREAM_API_KEY=...
    STREAM_SECRET_KEY=...

# Clone este repositório
git clone https://github.com/joao-enrique/video-call-platform.git

# Acesse a pasta do projeto
cd video-call-platform

# Instale as dependências
npm install
# rode a aplicação
npm run dev

A aplicação estará disponivel em: https://localhost:3000

💡 Caso não tenha o Node.js instalado, procure no google e siga os passos para sua instalação.

---

🧪 Como Usar

1. Instale as dependências com o node.js.
2. Navegue pelo projeto.
3. Crie salas e compartilhe ou entre em salas compartilhadas.

---

🖼️ Screenshots

💻PC

📲 Tablet

📱 Mobile

---

🧠 Aprendizados

Durante o desenvolvimento deste projeto, aprimorei:

• Gerenciamento de rotas com Next.js;
• Uso de tailwindCSS (animações, media queries, posicionamentos);
• Uso de estados no React.js;
• Melhoria na estrutura de layout responsivo;
• Integração de convex para armazenar informações (usuários, salas, mensagens).

---

📁 Estrutura de Pastas

├── convex/
├── public/
├── src/
│ ├── actions/
│ ├── app/
│ ├── components/
│ ├── constants/
│ ├── hooks/
│ └── lib/
└── README.md

---

🚧 Roadmap

• [] Implementar Mais linguagens de programação para o live coding
• [] Traduzir para versão em português

---

🔗 Links Úteis

🌐 Deploy: link
💼 LinkedIn: link
🧠 GitHub: link
🎮 Itch-io: link
📹 YouTube: link
✨ Linktree: link

👨‍💻 Autor

Feito com 💜 por João Enrique

---

📜 Licença

Este projeto está sob a licença MIT — veja o arquivo LICENCE para mais detalhes.

⭐ Se este projeto te inspirou, não esqueça de deixar uma estrela no repositório!