Bookmark Manager
Pré-requisitos
- Node.js 16+
- Criar os componentes visuais usando Web Components
- Não utilizar nenhuma biblioteca além daquelas que já estão instaladas (seja de CSS ou JS)
Passos
- Criar a interface baseada no protótipo do Figma
- Utilizar o endpoint
/api/extractpara obter os metadados das URLs
Sugestões
- Faça bom uso de variáveis CSS
- Utilize os recursos mais novos de JavaScript (ESNext)
O que será avaliado
- Uso de Web Components
- Fidelidade ao protótipo
- Responsividade
- Estrutura do código (padrões, estrutura de pastas, etc)
- Gerenciamento de estados (store/state/routes/etc)
- Uso de boas práticas (legibilidade, código limpo, etc)
- Funcionalidades adicionais são bem-vindas (use sua criatividade)
Resultado esperado
-- Empty State
-- Menu hover
-- Menu active
-- Menu actions
-- Add/Edit group
-- Add URL