Gerenciador de favoritos (Raindrop clone).

• Node.js 16+.
• Criar o projeto usando ReactJS.
• Não utilizar nenhuma biblioteca adicional (ex: ant-design, material-ui, styled-components ou qualquer css-in-js) além daquelas instaladas.
• Utilizar o "bom e velho" CSS e JS (mostre suas habilidades! Nada de coisas de terceiros 😉).

• Rodar (em terminais separados) os comandos npm run serve e npm start
• Criar a interface baseada no protótipo do Figma.
• Utilizar o endpoint /api/extract para obter os metadados das URLs.
• Utilizar json-server para salvar os favoritos.

• Utilize animações CSS;
• Utilize alguma metodologia de organização de CSS (BEM, SMACSS, SuitCSS, etc — Seja consistente!);
• Procure deixar os componentes ou funções reutilizáveis (evite acoplamento);
• Procure detectar renderizações desnecessárias. Dica: utilize useWhyDidYouUpdate;
• Se possível, faça code-splitting;
• Crie teste unitários (ex.: Jest);
• Em caso de dúvida, verifique como funciona o Raindrop.

• Aplicativo rodando 😝
• Responsividade;
• Fidelidade ao protótipo;
• Familiaridade com CSS, JS e React;
• Estrutura do código (padrões, estrutura de pastas, etc);
• Uso de boas práticas (legibilidade, código limpo, etc);
• Funcionalidades adicionais são bem-vindas (use sua criatividade).

-- Empty State

-- Menu hover

-- Menu active

-- Menu actions

-- Add/Edit group

-- Add URL