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

Resposive URL Shortening Application using VueJs and Tailwind Css

The Bipu 410

@the-bipu

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

Solution retrospective


What are you most proud of, and what would you do differently next time?

Hey Community!

*This is my solution for the URL Shortening Application, which I created using Vue.js and Tailwind CSS. As I've recently started learning new JavaScript libraries and frameworks, I chose Vue.js for this project and was impressed by its simplicity. You can write JavaScript directly in the main file under the `

What challenges did you encounter, and how did you overcome them?

Since we need to use an API for sending requests and receiving responses as shortened URLs, I tried 3-4 different APIs but encountered errors with most of them, primarily CORS errors. Finally, I created my own backend and implemented CORS there to avoid errors on the frontend. The backend for the application is located in the api directory.

What specific areas of your project would you like help with?

Ideas, suggestions, comments and thumbs up are welcome. 🫰

Cheers 🍃

Community feedback

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