Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

URL Shortening Page using VanillaJS

P
Jeuri Morel 1,405

@JeuriMorel

Desktop design screenshot for the URL shortening API landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

Maina Kibe 260

@Mainakibe

Posted

Amazing! I am currently working on this exact project myself and I am experiencing a problem with creating the API link shortener and integrating it with localStorage. Could you help?

0

P
Jeuri Morel 1,405

@JeuriMorel

Posted

@Mainakibe I could try! What exactly is the problem you're experiencing?

0
Maina Kibe 260

@Mainakibe

Posted

@JeuriMorel APIs...I am a beginner when it comes to that. I have been going through some tutorials but I just cannot get it!

0
P
Jeuri Morel 1,405

@JeuriMorel

Posted

@Mainakibe Ok. I'm not sure what exactly I'd be able to explain better than a tutorial. Personally, I like watching video tutorials of people coding small projects. That helps me a lot. And when I don't understand something about it, I look up documentation. Here's a video of someone doing a small project where he uses Fetch multiple times: https://www.youtube.com/watch?v=Oive66jrwBs

Some things you might want to look up documentation for: Fetch Promises Async Functions JSON Template Literals

Working with APIs is quite simple once you wrap your head around it. You make a request to them, telling them what info you want, and they send data back to you. For this challenge, you send a request to the API with the URL you want to shorten attached to it. I don't know if you saw this, but in the challenge they link to the shrtcode API Documentation. This shows you how to request data from it: https://shrtco.de/docs/

Hope this helps.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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