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

💻 Projeto

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. 💜

Acessar o domínio do projeto

• Encurtar links

Prévia vizualização do sistema

Demonstração do sistema

Página Home

Página Meus Links

Página 404

Para asistir ao video acesse:

• Encurtador de Links

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

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

Design do projeto

Figma

Executar Aplicação

🔥 Executando Localmente a Aplicação

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:

🌀 Começando...

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

❗️ Instalando as Dependências (via Windows):

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.

💨 Executando a Aplicação

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

🚩 Tenho Dúvidas... O que fazer?

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!

Licença

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

Autor:

Feito com ♥ by

• Wanderson A. Timóteo

Agradecimentos:

• Projeto desenvolvido durante a Semana Semana React JS.

• Agradecimento a Matheus Fraga por compartilhar seu conhecimento.