Projeto   |    Tecnologias   |    Executar Aplicação   |    Licença

O projeto consiste em um sistema para encurtar links (URLs).

Neste projeto foi utilizado a api da Bitly para realizar o encurtamento das URLs e o armazenamento foi persistido offline em Local Storage.

Encurtar links é uma prática muito utilizada nos dias de hoje, principalmente por profissionais de social media.

Além de ter um efeito visual bem bacana, evitando que URLs muito extensas poluam o espaço da publicação, a medida traz outros benefícios para a estratégia de marketing digital. 💜

• Encurtar links

Demonstração do sistema

Página Home

Página Meus Links

Página 404

• Encurtador de Links

Esse projeto foi desenvolvido com as seguintes tecnologias:

• Node.js
• React.js
• Javascript
• HTML5
• CSS3
• Figma
• Bitly

Figma

Caso você deseja executar o projeto na sua máquina local, você precisará instalar o Node.js em sua máquima, após a instalação, basta seguir os passos abaixo:

Para começar, você deve simplesmente clonar o repositório do projeto na sua máquina e instalar as dependências.

Abre o cmd (caso esteja utilizando o Windows) navegue até o local onde você clonou o projeto, exemplo:

C:\Users\NomeDoComputador\Documents\clonedoprojeto

Depois, quando estiver na pasta do projeto, basta acessar o projeto na pasta encurtador-link digitar no cmd a seguinte instrução: (dentro da pasta encurtador-link do projeto clonado)

npm install

Ao digitar a instrução acima, automaticamente ele irá baixar todas as dependências listadas e definidas no arquivo package.json:

• node_modules - que contêm os packages do npm que precisará para o projeto.

Bom, agora (dentro da pasta encurtador-link do projeto clonado) abra um terminal para o projeto ser executado e digite:

npm start

Pronto! dessa forma o projeto estará rodando localmente em sua maquina, acesse:

http://localhost:3000

Caso tenham dúvidas sobre o código do projeto, sintam-se a vontade em abrir uma ISSUE AQUI. Assim que possível, estarei respondendo as todas as dúvidas que tiverem!

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

Feito com ♥ by

• Wanderson A. Timóteo

• Projeto desenvolvido durante a Semana Semana React JS.

• Agradecimento a Matheus Fraga por compartilhar seu conhecimento.