Skip to content
Submitted about 2 years ago

URL Shortening API Landing Page

react, styled-components
Murilo Nascimento•150
@murilonicemento
A solution to the URL shortening API landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

URL Shortening Landing Page

Este é um projeto de encurtamento de URL desenvolvido com React. Ele permite que o usuário insira uma URL longa e obtenha uma URL encurtada como resultado.

Code

Please log in to post a comment

Log in

Community feedback

  • Azizbek Yunusaliev•400
    @azick99

    Hi Murilo! I like your project and I see you did a lot.

    However, there are some problems:

    • Wrong API request, your api request is https://api.shrtco.de/v2/shorten?url=${longURL}/very/long/link.html but it should be https://api.shrtco.de/v2/shorten?url=${longURL} . You see after requesting, it shows Error page because of /very/long/link.html.
    • Navigation dropdown. it would be better to make its position:absolute and z-index:10.
    • I would work with color polytrees in Statistics section.

    Keep coding!!!

    Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord