Sobre • Funcionalidades • Layout • 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 tela 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 do aplicativo em funcionamento.
Aplicativo com fins didáticos .
Modal indicando que o link do usuario foi encurtado com opção para copiar com um click e compartilhar com amigos :
- Exibe na tela 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 deslizar para a esquerda e clicar no botao com ícone de lixeira;
- Aplicativo com versão web também disponivel;
- Está disponivel na Play Store para download;
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
- Documentação do React Native: React Native Documentation
Wiliam Roza 🚀
Desenvolvido por DevWiLL.
👋🏽 Entre em contato pelo Linkedin!