🎓 Objetivos

Desafio Frontend Mentor que é desenvolver um site de encurtador de URL base shrtco.de/ de forma gratuita e fácil de lembrar.

Índice

• Demonstração ao vivo
• Tecnologias
• Para dispositivos Mobile, Tablets e Desktops
  • Mobile
  • Tablet
  • Desktop
• Seja um dos contribuidores
• Licença
• Autores

🔗 Acesso a demonstração do projeto

URL do site ao vivo: demonstração do site ou baixá-lo.

🧑‍💻 Tecnologias

Construído com:

• Marcação HTML5 semântica;
• Propriedades personalizadas do CSS;
• Flexbox;
• CSS Grid;
• Mobile, Tablet, Desktop;
• Typescript;
• React - JS biblioteca;
• Styled Components - Para estilização CSS;

Usuários devem ser capazes de:

• Visualize o layout ideal para o site, dependendo do tamanho da tela do dispositivo;
• Navegar pelo site;
• Página não encontrada;
• Encurte qualquer URL válido;
• Veja uma lista de seus links encurtados, mesmo depois de atualizar o navegador
• Copie o link encurtado para a área de transferência com um único clique;
• Receba uma mensagem de erro quando o formulário for enviado se: o campo de entrada está vazio ou url inválida;

🖥️ Para dispositivos Mobile, Tablets e Desktops

Mobile (width: 375px):

Tablet (width: 767px):

Desktop (width: 1200px):

☕ Seja um dos contribuidores

Quer fazer parte desse projeto? Clique AQUI e leia como contribuir.

✅ Licença

Esse projeto está sob licença. Veja o arquivo MIT para mais detalhes.

✏️ Autores

Anthoni Broering dos Santos