Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

A landing page integrated with Clean URI API, made with React + Sass.

express, node, react, sass/scss
Vinícius Silva Santos•60
@viniciussis
A solution to the URL shortening API landing page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Overall, I found the project quite smooth. I really liked the frontend design. If I were to mention something I struggled with more, it would be calling the API on the backend. I had to create a separate backend because when I called the API directly from React, it caused a CORS issue. So, I had to create another repository using Node + Express to work around this situation. Also, I used session storage for the first time to save some data when refreshing the page. I chose session storage because, since there's no option to delete links, it would be better for user control.

Here's the backend repo: https://github.com/viniciussis/URL_Short_API

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Vinícius Silva Santos's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License