NavidMansuri5155 / Surl-app.io

I have made a front end of a short URL in this. which is colour-full and response. and I have also used dark mood in this. Which helps to make the website better...

How to making shorten URL with react.js?

This is only Front-and, not a Back-and 😊.

Introducing SURL 🎊

---

What is SURL? 🔗

It is a web-based URL shortening service where user can generate a shorter form of their long URL.

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

Why I created SURL? ✨

My only purpose for making this was so that I can make the frontend very well and I can practice as much as possible. I wanted to show my ability by making this page. I am very happy to make this and will continue to create new pages. so that i can get more knowledge about the Front-end.

Thank's 😊.

---

Current Features 💡

Most important feature 😉 dark-mode and light-mode.

would you like to see it once ? Live Demo

---

Project Code 👨‍💻

• SURL source code: https://navid5155.hashnode.dev/how-to-making-shorten-url-with-reactjs
• Live Demo : https://github.com/NavidMansuri5155/Surl-app.io

---

Tech Stack 💻

• MDB
• Firebase
• more css3

Live Demo 👇

https://surl-app.herokuapp.com/

Node: I want to tell you that if this URL does not work then this hosting is not working. Sorry 😊.

visit one time : https://navid5155.hashnode.dev/

---

Thank you for reading 🙏

If you enjoyed this article or found it helpful, give it a thumbs-up 👍

Feel free to connect 👋

Instagram, Facebook, Twitter