Sobre • Funcionalidades • Tecnologias • Autor • Licença
🚀 DevLink Shortener é uma aplicação desenvolvida para que o usuário possa obter links encurtados com o objetivo de facilitar o uso de links extensos, seja para mostrar em um perfil de rede social ou afins. É uma aplicação dinâmica, que possui uma página inicial onde o usuário pode digitar ou colar o seu link que deseja encurtar, feito isso todo link encurtado é automaticamente armazenado na seção "meus links" onde o usuário consegue consultar a lista de links encurtados que ali ficam salvos, também é possivel deletar os links encurtados salvos que não forem mas utilizados. Foi utilizado a API do bit.ly, porém por ser FREE tem um baixo limite quantitativo para encurtamento de links. Dito isto, deixarei alguns prints da aplicação em funcionamento.
- Exibe na pagina inicial um input para colar ou digitar o link a ser encurtado;
- Possui um botão para efetivar a ação de encurtamento do link;
- Mostra um modal com o link encurtado e com a opção de copiar o link clicando no Ăcone clippboard ao lado direito do link em questĂŁo;
- Possui uma seção chamada "Meus Links", onde todo link encurtado fica armazenado no local Storage do navegador, para futuras consultas;
- Conta com a funcionalidade de deletar o link salvo que nĂŁo for mais de uso, de forma bem interativa bastando apenas um click no botao com Ăcone de lixeira;
- Sistema totalmente responsivo, podendo ser utilizado em computadores/notebooks como também em celulares/tablets;
- Têm uma página configurada para casos de erros bem intuitiva com um botão para voltar para a página inicial;
As seguintes ferramentas foram usadas na construção do projeto:
- ProtĂłtipo: Figma
- Editor: Visual Studio Code
- ExtensĂŁo: S7 React/Redux/React-Native/JS snippets
- CSS Modules: CSS Modules
- Documentação do React: React Documentation
Wiliam Roza 🚀
Desenvolvido por DevWiLL.
👋🏽 Entre em contato pelo Linkedin!