Skip to content

uticket/test-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

EventHub - Sistema de Gerenciamento de Eventos

🎯 TESTE TÉCNICO - INSTRUÇÕES PARA O CANDIDATO

Bem-vindo(a) ao teste técnico para a vaga de Desenvolvedor(a) Front-end Pleno!

📦 O que você recebeu

Este é um projeto completo desenvolvido em React puro (JavaScript) que implementa um sistema de gerenciamento de eventos com integração à API da Ticketmaster.

✅ Sua Missão

Migrar esta aplicação para Next.js 14+ com TypeScript, aproveitando todas as funcionalidades modernas do framework.

📋 Requisitos Obrigatórios

Você deve implementar:

  1. App Router do Next.js 14+ (não usar Pages Router)
  2. TypeScript em todos os arquivos
  3. Rendering Strategies apropriadas:
    • SSG ou ISR para a HomePage
    • SSR para a página de busca (SearchPage)
    • SSG com generateStaticParams para detalhes do evento
  4. Zustand para gerenciamento de estado (substituir Context API)
  5. next/image para otimização de imagens
  6. Metadata API para SEO dinâmico
  7. Dynamic Routes para páginas de eventos (/evento/[id])
  8. API Routes ou Server Actions (escolha uma abordagem)

🌟 Diferenciais (Opcional, mas muito valorizado!)

  • Loading states com loading.tsx
  • Error boundaries com error.tsx
  • Middleware para proteção de rotas
  • Testes unitários (Vitest/Jest) ou E2E (Playwright/Cypress)
  • Pipeline CI/CD (GitHub Actions)
  • Deploy funcional (Vercel/Netlify)
  • Documentação das decisões técnicas

📤 Como Entregar

  1. Crie um repositório público no GitHub
  2. Faça commits organizados e com mensagens descritivas
  3. Atualize o README com:
    • Instruções de instalação e execução
    • Seção "Decisões Técnicas" explicando suas escolhas de rendering strategies, arquitetura, etc.
    • Link para deploy (se houver)
  4. Envie o link do repositório

⚠️ Importante

  • Diversas funcionalidades do projeto estão com bugs, CORRIJA-AS.
  • DOCUMENTE suas decisões técnicas no README
  • Garanta que o projeto execute sem erros: npm run build e npm start devem funcionar
  • O código deve estar em TypeScript, não JavaScript

🆘 Dúvidas?

  • Existe uma documentação básica sobre o projeto no arquivo ABOUT.md
  • Para responder outras dúvidas sobre os requisitos, entre em contato.

Boa sorte! 🚀

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published