<p>Introducing SURL 🎊</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1624377987074/y-GyJP4tL.png" alt="Screenshot from 2021-06-22 20-30-49.png" /></p>
<h2 id="what-is-surl">What is SURL? 🔗</h2>
<p>It is a web-based URL shortening service where user can generate a shorter form of their long URL.</p>
<hr />

<h2 id="why-i-created-surl">Why I created SURL? ✨</h2>
<p>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. </p>
<p>Thank's 😊. </p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1624378402236/F354GUkU6.png" alt="Screenshot from 2021-06-22 20-31-00.png" /></p>
<hr />

<h2 id="current-features">Current Features 💡</h2>
<ul>
<li>Most important feature 😉 <code>dark-mode</code> and <code>light-mode</code>.</li>
</ul>
<blockquote>
<p>would you like to see it once ?   <a target="_blank" href="https://surl-app.herokuapp.com/">Live Demo with Herokuapp</a> </p>
</blockquote>
<hr />

<h2 id="project-code">Project Code 👨‍💻</h2>
<p>SURL source code :    <a target="_blank" href="https://github.com/NavidMansuri5155/Surl-app.io">https://github.com/NavidMansuri5155/Surl-app.io</a> . </p>
<p>Live Demo :     <a target="_blank" href="https://github.com/NavidMansuri5155/Surl-app.io">https://github.com/NavidMansuri5155/Surl-app.io</a> .</p>
<hr />

<h2 id="tech-stack">Tech Stack 💻</h2>
<ul>
<li>MDB </li>
<li>Firebase </li>
<li>more css3 </li>
</ul>
<hr />

<h2 id="live-demo">Live Demo 👇</h2>
<p><a target="_blank" href="https://surl-app.herokuapp.com/">https://surl-app.herokuapp.com/</a></p>
<blockquote>
<p><strong>Node:</strong> I want to tell you that if this URL does not work then this hosting is not working. Sorry 😊. </p>
</blockquote>
<hr />

<p>Thank you for reading 🙏</p>
<p>If you enjoyed this article or found it helpful, give it a thumbs-up 👍</p>
<p>Feel free to connect 👋</p>
<p><a target="_blank" href="https://www.instagram.com/nabizada_navid_mansuri/">Instagram</a>,
<a target="_blank" href="https://www.facebook.com/navid.mansuri.5/">Facebook</a>,
<a target="_blank" href="https://twitter.com/NAVIDMANSURI7">Twitter</a>....</p>


Introducing SURL 🎊


![Screenshot from 2021-06-22 20-30-49.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1624377987074/y-GyJP4tL.png)


## What is SURL? 🔗

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

<hr />

## 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 😊. 


![Screenshot from 2021-06-22 20-31-00.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1624378402236/F354GUkU6.png)

<hr />

## Current Features 💡

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

> would you like to see it once ?   [Live Demo with Herokuapp](https://surl-app.herokuapp.com/) 

<hr />

## Project Code 👨‍💻

SURL source code :    [https://github.com/NavidMansuri5155/Surl-app.io](https://github.com/NavidMansuri5155/Surl-app.io) . 

Live Demo :     [https://github.com/NavidMansuri5155/Surl-app.io](https://github.com/NavidMansuri5155/Surl-app.io) .

<hr />

## Tech Stack 💻

- MDB 
- Firebase 
- more css3 

<hr />

## Live Demo 👇

[https://surl-app.herokuapp.com/](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 😊. 

<hr />

Thank you for reading 🙏

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

Feel free to connect 👋

[Instagram](https://www.instagram.com/nabizada_navid_mansuri/),
[Facebook](https://www.facebook.com/navid.mansuri.5/),
[Twitter](https://twitter.com/NAVIDMANSURI7)....






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

How to making shorten URL with react.js?

I am a Navid Mansuri from Gujarat, a web developer (software engineer), I have studied in Navgurukul inside Himachal Pradesh.
and i like web desing and more UI/UX like this.
