Skip to content

luuizalberto/link-shortener

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sobre o Projeto

Encurtador de links utilizando React, uma biblioteca Javascript super poderosa para frontend.

A princípio, configurei o roteamento de navegação de páginas. Porque até então o nosso App.js, que é o componente principal, só faz renderizar uma div, mas agora vou ter várias páginas, por exemplo, home, meus links ou mais. Agora o nosso App.js não vai mais ficar responsável por renderizar já direto a div, vamos renderizar o nosso roteamento e, ele vai ficar responsável por ver onde o usuário está. Para isso utilizo a biblioteca REACT ROUTER DOM.

Utilizo outra biblioteca bem bacana chamada REACT ICONS, ela possui varias outras bibliotecas em si, e elas são muito leves, pois são SVG.

Trabalhei também com a responsividade de todo o nosso Web App.

Criei também um modal, um componente para exibir depois que o link é encurtado.

Instalei o AXIOS para trabalhar com requisições http.

Utilizo a API do BITLY para fazer o encurtamento dos links.

Depois utilizo o LOCALSTORAGE para persistir os dados e poder salvar os links em MINHA LISTA.

Layout Web

image

Layout completo do Projeto

image