felipedfe / frontend-mentor-url-shortening-landing-page

Front-end Mentor website challenge. The goal was to create a page where the user can shorten very long URLs.

Home Page:https://frontend-mentor-url-shortening-landing-page-mu.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Shortly

Tela da aplicação

•Descrição

Um exercício proposto pelo site Frontend Mentor (https://www.frontendmentor.io/challenges/url-shortening-api-landing-page-2ce3ob-G). O objetivo foi criar uma página onde o usuário pode inserir um link muito longo e receber uma versão encurtada dele. A geração desse link foi feita pelo acesso à shrtcode API

•Desafios

Um grande desafio foi a estilização da página, pois o site fornece algumas imagens de como o resultado final deve ficar (ou ao menos se aproximar). A página é uma Home mais complexa em comparação com as que eu já havia construído e senti que aprimorei muito meu entendimento de CSS, foi uma ótima experiência!

•Tecnologias e bibliotecas

  • Javascript
  • HTML
  • CSS
  • React.js
  • Gatsby
  • Axios

•Link para a aplicação (já encurtado 😉)

https://shrtco.de/VELIAd

•Executando a aplicação

  • Clone o repositório em sua máquina
  • No terminal, instale as dependência da aplicação: npm install
  • Agora é só colocar a aplicação para rodar: npm start
  • E acessar o localhost:8000

About

Front-end Mentor website challenge. The goal was to create a page where the user can shorten very long URLs.

https://frontend-mentor-url-shortening-landing-page-mu.vercel.app


Languages

Language:JavaScript 59.0%Language:CSS 41.0%